ishangsf/DeepCodeGeniusWeb-vscode
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add createStyles import and add link hover color

Browse Source
This commit is contained in:
Rankin Zheng 2023-12-07 17:30:00 +08:00
parent 1ebebcc76b
commit d89322c1e4
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/components/MessageMarkdown/index.tsx
View File

@ -1,4 +1,4 @@
import { Button, Anchor, Stack, Group, Box } from "@mantine/core"; import { Button, Anchor, Stack, Group, Box, createStyles } from "@mantine/core";
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import ReactMarkdown from "react-markdown"; import ReactMarkdown from "react-markdown";
import rehypeRaw from "rehype-raw"; import rehypeRaw from "rehype-raw";
@ -17,6 +17,13 @@ import ChatMark from "@/views/components/ChatMark";
import { useSetState } from "@mantine/hooks"; import { useSetState } from "@mantine/hooks";
import { toMarkdown } from "mdast-util-to-markdown"; import { toMarkdown } from "mdast-util-to-markdown";
const useStyles = createStyles((theme) => ({
link:{
'&:hover':{
color:theme.colors.merico[6]
}
}
}));
interface MessageMarkdownProps extends React.ComponentProps<typeof ReactMarkdown> { interface MessageMarkdownProps extends React.ComponentProps<typeof ReactMarkdown> {
children: string, children: string,
className: string, className: string,
@ -48,6 +55,7 @@ const MessageMarkdown = observer((props: MessageMarkdownProps) => {
const codes = tree.children.filter(node => node.type === 'code'); const codes = tree.children.filter(node => node.type === 'code');
const lastNode = tree.children[tree.children.length-1]; const lastNode = tree.children[tree.children.length-1];
const [chatmarkValues,setChatmarkValues] = useSetState({}); const [chatmarkValues,setChatmarkValues] = useSetState({});
const {classes} = useStyles();
const handleExplain = (value: string | undefined) => { const handleExplain = (value: string | undefined) => {
console.log(value); console.log(value);
@ -270,7 +278,9 @@ Generate a professionally written and formatted release note in markdown with th
"#extension", "#extension",
"#settings"].filter((item) => item === href); "#settings"].filter((item) => item === href);
return customAnchors.length > 0 return customAnchors.length > 0
? <Anchor href={href} onClick={() => { ? <Anchor
className={classes.link}
href={href} onClick={() => {
handleExplain(href); handleExplain(href);
}}> }}>
{children} {children}