implemented TextInputsProvider on main page

coinbase · Sep 5, 2024 · 6fc96a4 · 6fc96a4
1 parent acb61a3
commit 6fc96a4
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/framegear/app/page.tsx b/framegear/app/page.tsx
@@ -4,20 +4,25 @@ import { FrameInput } from '@/components/FrameInput';
 import { Header } from '@/components/Header';
 import { ValidationResults } from '@/components/ValidationResults';
 import { RedirectModalProvider } from '@/components/RedirectModalContext/RedirectModalContext';
+import TextInputsProvider from '@/contexts/TextInputs';
 
 export default function Home() {
   return (
     <RedirectModalProvider>
-      <div className="mx-auto flex flex-col items-center gap-8 pb-16">
-        <Header />
-        <div className={`max-w-layout-max grid w-full grid-cols-[5fr,4fr] gap-16`}>
-          <div className="flex flex-col gap-4">
-            <FrameInput />
-            <Frame />
+      <TextInputsProvider>
+        <div className="mx-auto flex flex-col items-center gap-8 pb-16">
+          <Header />
+          <div
+            className={`max-w-layout-max grid w-full grid-cols-[5fr,4fr] gap-16`}
+          >
+            <div className="flex flex-col gap-4">
+              <FrameInput />
+              <Frame />
+            </div>
+            <ValidationResults />
           </div>
-          <ValidationResults />
         </div>
-      </div>
+      </TextInputsProvider>
     </RedirectModalProvider>
   );
 }