moved theme to FrameworkCard instead of passing as props

coinbase · Oct 30, 2024 · 7570db1 · 7570db1
1 parent 7d06c78
commit 7570db1
Showing 1 changed file with 6 additions and 19 deletions.
diff --git a/site/docs/components/InstallationOptions.tsx b/site/docs/components/InstallationOptions.tsx
@@ -1,37 +1,24 @@
-import { Link } from 'react-router-dom'
+import { Link } from 'react-router-dom';
 import { useTheme } from '../contexts/Theme.tsx';
 import { Icon } from './Icon.tsx';
 
 export default function InstallationOptions() {
-  const { theme } = useTheme();
   return (
     <div className="grid grid-cols-2 gap-4">
-      <FrameworkCard
-        name="Vite"
-        href="/installation/vite"
-        theme={theme}
-      />
-      <FrameworkCard
-        name="Remix"
-        href="/installation/remix"
-        theme={theme}
-      />
-      <FrameworkCard
-        name="Astro"
-        href="/installation/astro"
-        theme={theme}
-      />
+      <FrameworkCard name="Vite" href="/installation/vite" />
+      <FrameworkCard name="Remix" href="/installation/remix" />
+      <FrameworkCard name="Astro" href="/installation/astro" />
     </div>
   );
 }
 
 type FrameworkProps = {
   name: string;
   href: string;
-  theme: string;
 };
 
-function FrameworkCard({ name, href, theme }: FrameworkProps) {
+function FrameworkCard({ name, href }: FrameworkProps) {
+  const { theme } = useTheme();
   return (
     <Link
       to={href}