Use transient prop for CodeSnippetMessage component

This commit is contained in:
Koen Vlaswinkel
2023-11-02 14:09:35 +01:00
parent fb45a0d409
commit 65f02f1c6f

View File

@@ -27,14 +27,14 @@ const MessageText = styled.div`
`;
type CodeSnippetMessageContainerProps = {
severity: ResultSeverity;
$severity: ResultSeverity;
};
const CodeSnippetMessageContainer = styled.div<CodeSnippetMessageContainerProps>`
border-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder);
border-width: 0.1em;
border-style: solid;
border-left-color: ${(props) => getSeverityColor(props.severity)};
border-left-color: ${(props) => getSeverityColor(props.$severity)};
border-left-width: 0.3em;
padding-top: 1em;
padding-bottom: 1em;
@@ -58,7 +58,7 @@ export const CodeSnippetMessage = ({
children,
}: CodeSnippetMessageProps) => {
return (
<CodeSnippetMessageContainer severity={severity}>
<CodeSnippetMessageContainer $severity={severity}>
<MessageText>
{message.tokens.map((token, index) => {
switch (token.t) {