diff --git a/components/app-footer.tsx b/components/app-footer.tsx index cf2f07f..95c1c47 100644 --- a/components/app-footer.tsx +++ b/components/app-footer.tsx @@ -2,6 +2,8 @@ import { useTranslation } from "@/components/language-provider"; import { cn } from "@/lib/utils"; +import { Icon } from "./ui/button"; +import { FaGithub } from "react-icons/fa"; export function AppFooter() { const { t, dir } = useTranslation(); @@ -55,6 +57,19 @@ export function AppFooter() { > {t("footer.note")}

+ + + + + diff --git a/components/app-header.tsx b/components/app-header.tsx index 739bb95..8d8a3d2 100644 --- a/components/app-header.tsx +++ b/components/app-header.tsx @@ -15,4 +15,4 @@ export function AppHeader() { ); -} +} \ No newline at end of file diff --git a/components/theme-toggle.tsx b/components/theme-toggle.tsx index 27a1efc..3d47fd9 100644 --- a/components/theme-toggle.tsx +++ b/components/theme-toggle.tsx @@ -2,11 +2,12 @@ import { Moon, Sun } from "lucide-react"; import { useTheme } from "next-themes"; -import { Button } from "./ui/button"; +import { Button, Icon } from "./ui/button"; import { useSyncExternalStore } from "react"; import { useTranslation } from "./language-provider"; +import { FaGithub } from "react-icons/fa"; -const emptySubscribe = () => () => {}; +const emptySubscribe = () => () => { }; export function ThemeToggle() { const { t } = useTranslation(); @@ -32,15 +33,35 @@ export function ThemeToggle() { }; return ( - +
+ + + + + + + + +
+ + + ); } diff --git a/components/ui/button.tsx b/components/ui/button.tsx index 5388cc6..8cf0297 100644 --- a/components/ui/button.tsx +++ b/components/ui/button.tsx @@ -38,3 +38,12 @@ export function Button({ className, variant, size, ...props }: ButtonProps) { /> ); } + +export function Icon({ className, variant, size, ...props }: ButtonProps) { + return ( +