diff --git a/src/components/home/ThemeIcon.tsx b/src/components/ThemeIcon.tsx
similarity index 61%
rename from src/components/home/ThemeIcon.tsx
rename to src/components/ThemeIcon.tsx
index 1b5710f..09b38fb 100644
--- a/src/components/home/ThemeIcon.tsx
+++ b/src/components/ThemeIcon.tsx
@@ -2,7 +2,11 @@ import { useContext } from "react";
import { ThemeContext } from "@/context/Theme";
import { MoonIcon, SunIcon, SunMoonIcon } from "lucide-react";
-function ThemeIcon() {
+interface Props {
+ inApp?: boolean;
+}
+
+function ThemeIcon({ inApp }: Props) {
const { theme, setTheme } = useContext(ThemeContext);
const onClick = () => {
@@ -11,18 +15,20 @@ function ThemeIcon() {
};
const getIcon = () => {
+ const size = inApp ? 24 : 30;
+
switch (theme) {
case "light":
- return ;
+ return ;
case "dark":
- return ;
+ return ;
case "system":
- return ;
+ return ;
}
};
return (
-