diff --git a/src/pages/Chat/Header/Header.scss b/src/pages/Chat/Header/Header.scss index 4827aa9..6ecda48 100644 --- a/src/pages/Chat/Header/Header.scss +++ b/src/pages/Chat/Header/Header.scss @@ -11,7 +11,7 @@ display: flex; align-items: center; gap: 18px; - .github-icon { + .github-icon, .clear-icon { cursor: pointer; } } diff --git a/src/pages/Chat/Header/Header.tsx b/src/pages/Chat/Header/Header.tsx index 4601e67..21fb275 100644 --- a/src/pages/Chat/Header/Header.tsx +++ b/src/pages/Chat/Header/Header.tsx @@ -1,19 +1,26 @@ -import { Icon } from '@iconify/react'; +import { Icon } from '@iconify/react' import { useSelector } from 'react-redux' import './Header.scss' -import Logout from '../../../components/Logout/Logout'; -import { RootState } from '../../../store/index'; +import Logout from '../../../components/Logout/Logout' +import { RootState } from '../../../store/index' +import { useDispatch } from 'react-redux' +import { clearChat } from '../../../store/user/userSlice' function Header() { const { name } = useSelector((state: RootState) => state.user) + + const dispatch = useDispatch() + const openGithub = () => { window.open('https://github.com/fjosue4/google-gemini-ui') } + return (