Use transient prop for CodeSnippetMessage component
This commit is contained in:
@@ -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) {
|
||||
|
||||
Reference in New Issue
Block a user