Merge pull request #3 from Iapdigital/dev

add button dark mode

src/app/(home)/page.tsx

@@ -10,15 +10,12 @@ import { Input } from '@/components/ui/input'
 import { Search } from 'lucide-react'
 import Link from 'next/link'
 
-// import { ThemeSwitcher } from '@/components/theme-switcher'
-
 export default function Home() {
   return (
     <>
       <main className="overflow-hidden">
         <Banner />
 
-        {/* <ThemeSwitcher /> */}
         <div className="container flex flex-col">
           <NavLinkCategory />
           <div className="flex justify-center items-center w-full md:w-1/2 mx-auto mb-8">

src/components/header.tsx

-import { Menu } from 'lucide-react'
-import Link from 'next/link'
-import LogoComponent from './logo'
-
+import { ThemeSwitcher } from '@/components/theme-switcher'
 import { Button } from '@/components/ui/button'
 import {
   Sheet,
@@ -9,6 +6,9 @@ import {
   SheetContent,
   SheetTrigger,
 } from '@/components/ui/sheet'
+import { Menu } from 'lucide-react'
+import Link from 'next/link'
+import LogoComponent from './logo'
 import { NavLink } from './nav-link'
 
 export function Header() {
@@ -47,6 +47,7 @@ export function Header() {
             >
               <Link href="/inscricao">Inscreva-se</Link>
             </Button>
+            <ThemeSwitcher />
             <div className="flex flex-col">
               <Sheet>
                 <SheetTrigger asChild>

src/components/theme-switcher.tsx

@@ -12,11 +12,11 @@ export function ThemeSwitcher() {
   return (
     <div>
       {hasMounted && theme === 'dark' ? (
-        <Button onClick={() => setTheme('light')}>
+        <Button variant="ghost" onClick={() => setTheme('light')}>
           <Moon />
         </Button>
       ) : (
-        <Button onClick={() => setTheme('dark')}>
+        <Button variant="ghost" onClick={() => setTheme('dark')}>
           <Sun />
         </Button>
       )}