From 7570db136da7587a0cbcab348a0520b6f539ffc7 Mon Sep 17 00:00:00 2001
From: Brendan Forster <brendan.forster@coinbase.com>
Date: Wed, 30 Oct 2024 16:56:22 -0700
Subject: [PATCH] moved theme to FrameworkCard instead of passing as props

---
 site/docs/components/InstallationOptions.tsx | 25 +++++---------------
 1 file changed, 6 insertions(+), 19 deletions(-)

diff --git a/site/docs/components/InstallationOptions.tsx b/site/docs/components/InstallationOptions.tsx
index 72cda0d6e7..919a3b1b75 100644
--- a/site/docs/components/InstallationOptions.tsx
+++ b/site/docs/components/InstallationOptions.tsx
@@ -1,26 +1,13 @@
-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>
   );
 }
@@ -28,10 +15,10 @@ export default function InstallationOptions() {
 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}