fix: minor layout fixes

ayushsharma82 · Nov 23, 2024 · 8a791ff · 8a791ff
1 parent ebb1879
commit 8a791ff
Show file tree

Hide file tree

Showing 4 changed files with 303 additions and 299 deletions.
diff --git a/components/Logo.jsx b/components/Logo.jsx
@@ -0,0 +1,18 @@
+'use client'
+
+import { useEffect, useState } from 'react';
+import { useTheme } from 'next-themes'
+
+export const Logo = () => {
+  const [isDark, setIsDark] = useState(false);
+  const { resolvedTheme } = useTheme();
+
+  useEffect(() => {
+    setIsDark(resolvedTheme === 'dark');
+  }, [resolvedTheme]);
+
+  return (
+    // eslint-disable-next-line @next/next/no-img-element
+    <img width={160} src={isDark ? "/logo-dark.svg" : "/logo-light.svg"} alt="ElegantOTA" />
+  );
+}