From 26d75c5128fbbab8d1ff51044e91ca8f7d82336d Mon Sep 17 00:00:00 2001
From: Waled Khatiz <waledkhatiz@waleds-air.lan>
Date: Sun, 1 Sep 2024 00:11:27 +1000
Subject: [PATCH] feat: Switch to <Half2Icon />

---
 src/components/mode-toggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/mode-toggle.tsx b/src/components/mode-toggle.tsx
index e9e45f0..7df6eb6 100644
--- a/src/components/mode-toggle.tsx
+++ b/src/components/mode-toggle.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import {useEffect, useState} from "react";
-import { MoonIcon, SunIcon, GlobeIcon } from "@radix-ui/react-icons";
+import { MoonIcon, SunIcon, Half2Icon } from "@radix-ui/react-icons";
 import { useTheme } from "next-themes";
 import { Button } from "./ui/button";
 import {
@@ -39,7 +39,7 @@ export function ModeToggle() {
   console.log(theme);
   return (
     <Button variant="ghost" size="icon" onClick={toggleTheme}>
-      <GlobeIcon className={`${ (theme === 'system') ? 'visible' : 'hidden'} h-[1.2rem] w-[1.2rem]`} />
+      <Half2Icon className={`${ (theme === 'system') ? 'visible' : 'hidden'} h-[1.2rem] w-[1.2rem]`} />
       <SunIcon className={`${ (theme === 'light') ? 'visible' : 'hidden'} h-[1.2rem] w-[1.2rem]`} />
       <MoonIcon className={`${ (theme === 'dark') ? 'visible' : 'hidden'} h-[1.2rem] w-[1.2rem]`} />
       <span className="sr-only">Toggle theme</span>