From e572c68f2bf8c39e29eb72dc280e1f78b314793c Mon Sep 17 00:00:00 2001 From: Jose Manuel Serrano Amaut <a20122128@pucp.pe> Date: Thu, 23 Mar 2023 00:10:02 -0500 Subject: [PATCH] [FEAT]: Refactor github redirect and darkmodein al pages. Also refactor right side auto focus --- src/components/RightMenu/RightMenu.tsx | 2 +- src/components/codeHighlight/CodeHighlight.tsx | 2 +- src/components/demo-components/sub-title/SubTitle.scss | 4 ++-- src/components/layout-pages/MainLayoutPage.jsx | 2 +- src/components/main-title/MainTitle.tsx | 2 +- src/components/paragraph-main/MainParagraph.tsx | 2 +- src/components/show-demo-code/ShowDemoCode.tsx | 2 +- src/components/typeHighlight/TypeHighlight.tsx | 2 +- 8 files changed, 9 insertions(+), 9 deletions(-) diff --git a/src/components/RightMenu/RightMenu.tsx b/src/components/RightMenu/RightMenu.tsx index e5f3511..ce6b2e4 100644 --- a/src/components/RightMenu/RightMenu.tsx +++ b/src/components/RightMenu/RightMenu.tsx @@ -6,7 +6,7 @@ import "./RightMenu.scss"; import { UserContext } from "../../globals/contexts/UserContext"; const RightMenu: React.FC<RightMenuProps> = (props: RightMenuProps) => { const { items, width, selectedItemProp: selectedItem = 0 } = props; - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkMode = usuario.darkMode; const handleClickAnchor = ( diff --git a/src/components/codeHighlight/CodeHighlight.tsx b/src/components/codeHighlight/CodeHighlight.tsx index 57c6589..0241c3a 100644 --- a/src/components/codeHighlight/CodeHighlight.tsx +++ b/src/components/codeHighlight/CodeHighlight.tsx @@ -10,7 +10,7 @@ const CodeHighlight: React.FC<CodeHighlightProps> = ( props: CodeHighlightProps ) => { const { children } = props; - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkMode = usuario.darkMode; const finaldarkmodeclassName = !darkMode ? "code-highlight" diff --git a/src/components/demo-components/sub-title/SubTitle.scss b/src/components/demo-components/sub-title/SubTitle.scss index 7c0ffd8..386c046 100644 --- a/src/components/demo-components/sub-title/SubTitle.scss +++ b/src/components/demo-components/sub-title/SubTitle.scss @@ -3,7 +3,7 @@ line-height: 1.5; letter-spacing: 0.1px; //color: #1a2027; - &.dark-mode{ + /* &.dark-mode{ //color:rgba(255, 255, 255, 0.7); - } + } */ } diff --git a/src/components/layout-pages/MainLayoutPage.jsx b/src/components/layout-pages/MainLayoutPage.jsx index b675529..5848356 100644 --- a/src/components/layout-pages/MainLayoutPage.jsx +++ b/src/components/layout-pages/MainLayoutPage.jsx @@ -5,7 +5,7 @@ import NavBarTemplate from "../../templates/NavBarTemplate"; import "./LayoutPage.scss"; const MainLayoutPage = ({ children, selectedIndex }) => { - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkMode = usuario.darkMode; const finalClassName = darkMode diff --git a/src/components/main-title/MainTitle.tsx b/src/components/main-title/MainTitle.tsx index 6224733..b201c3e 100644 --- a/src/components/main-title/MainTitle.tsx +++ b/src/components/main-title/MainTitle.tsx @@ -7,7 +7,7 @@ interface MainTitleProps { } const MainTitle: React.FC<MainTitleProps> = (props: MainTitleProps) => { const { children, className, style } = props; - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); // const [darkModeOn, setDarkModeOn] = React.useState(false); const darkMode = usuario.darkMode; diff --git a/src/components/paragraph-main/MainParagraph.tsx b/src/components/paragraph-main/MainParagraph.tsx index 51291c5..b572769 100644 --- a/src/components/paragraph-main/MainParagraph.tsx +++ b/src/components/paragraph-main/MainParagraph.tsx @@ -6,7 +6,7 @@ const MainParagraph: React.FC<ParagraphMainProps> = ( props: ParagraphMainProps ) => { const { content, children } = props; - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkModeOn = usuario.darkMode; const className = darkModeOn ? "paragraph-main darkmode" : "paragraph-main"; diff --git a/src/components/show-demo-code/ShowDemoCode.tsx b/src/components/show-demo-code/ShowDemoCode.tsx index 3677120..9cd76ed 100644 --- a/src/components/show-demo-code/ShowDemoCode.tsx +++ b/src/components/show-demo-code/ShowDemoCode.tsx @@ -31,7 +31,7 @@ const ShowDemoCode: React.FC<ShowDemoCodeProps> = ( const [showComplete, setShowComplete] = React.useState(false); const [showJS, setShowJS] = React.useState(true); - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkMode = usuario.darkMode; const code: string = showComplete diff --git a/src/components/typeHighlight/TypeHighlight.tsx b/src/components/typeHighlight/TypeHighlight.tsx index 6db4804..f52e725 100644 --- a/src/components/typeHighlight/TypeHighlight.tsx +++ b/src/components/typeHighlight/TypeHighlight.tsx @@ -12,7 +12,7 @@ const TypeHighlight: React.FC<TypeHighlightProps> = ( props: TypeHighlightProps ) => { const { children, np, size } = props; - const [usuario, dispatch] = React.useContext(UserContext); + const [usuario, ] = React.useContext(UserContext); const darkMode = usuario.darkMode; const finaldarkmodeclassName = !darkMode ? "type-highlight" -- GitLab