dmitry.galkin/chatbot-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Run prettier

Browse source
This commit is contained in:
Jared Palmer 2023-06-02 15:33:48 -04:00
parent aa83a871dd
commit 417f69e0f1
34 changed files with 530 additions and 523 deletions
Download patch file Download diff file Expand all files Collapse all files

22
components/theme-toggle.tsx
View file

@ -1,14 +1,14 @@
"use client";
'use client'
import { useTheme } from "next-themes";
import { useTheme } from 'next-themes'
import { Button } from "@/components/ui/button";
import { Moon, Sun } from "lucide-react";
import { useTransition } from "react";
import { Button } from '@/components/ui/button'
import { Moon, Sun } from 'lucide-react'
import { useTransition } from 'react'
export function ThemeToggle() {
const { setTheme, theme } = useTheme();
const [_, startTransition] = useTransition();
const { setTheme, theme } = useTheme()
const [_, startTransition] = useTransition()
return (
<Button
variant="ghost"
@ -16,18 +16,18 @@ export function ThemeToggle() {
className="p-0 leading-4 h-4 font-normal w-full"
onClick={() => {
startTransition(() => {
setTheme(theme === "light" ? "dark" : "light");
});
setTheme(theme === 'light' ? 'dark' : 'light')
})
}}
>
<span className="flex flex-row justify-between text-xs text-zinc-900 dark:text-zinc-400 w-full">
<span className="">Toggle theme</span>
{!theme ? null : theme === "dark" ? (
{!theme ? null : theme === 'dark' ? (
<Moon className="h-4 transition-all" />
) : (
<Sun className="h-4 transition-all" />
)}
</span>
</Button>
);
)
}