wassname/Open-Assistant
1
0
Fork 0
mirror of https://github.com/wassname/Open-Assistant.git synced 2026-07-12 00:40:07 +08:00
Code Issues Packages Projects Releases Wiki Activity

Darkmode for survey pages. Fixes for eslint.

Browse Source
This commit is contained in:
Desmond Grealy
2023-01-02 18:36:54 -08:00
parent 5f3d32b875
commit 3d13c7c91c
35 changed files with 4778 additions and 330 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/src/components/UI/ColorModeIconToggle.tsx
+9 -11
View File
@@ -1,12 +1,11 @@
import { useColorMode } from "@chakra-ui/react";
import { CiDark } from 'react-icons/ci';
import { CiLight } from 'react-icons/ci';
import { CiDark } from "react-icons/ci";
import { CiLight } from "react-icons/ci";
export function ColorModeIconToggle(props) {
const { colorMode, toggleColorMode } = useColorMode();
const propsClassName = props.className ?? '';
const propsClassName = props.className ?? "";
return (
<button
@@ -15,12 +14,11 @@ export function ColorModeIconToggle(props) {
aria-label="Toggle dark mode"
onClick={toggleColorMode}
>
{colorMode === 'light' ? (
<CiDark className="h-5 w-5 stroke-zinc-900 dark:hidden"/>
) : (
<CiLight className="h-5 w-5 stroke-white" />
)
}
{colorMode === "light" ? (
<CiDark className="h-5 w-5 stroke-zinc-900 dark:hidden" />
) : (
<CiLight className="h-5 w-5 stroke-white" />
)}
</button>
)
);
}
website/src/components/UI/ColorModeSwitch.tsx
+1 -1
View File
@@ -13,4 +13,4 @@ const ColorModeSwitch = () => {
);
};
export default ColorModeSwitch;
export default ColorModeSwitch;