From 22740aa6bba1d81b44a70f0a8e31284ee925baae Mon Sep 17 00:00:00 2001
From: Josh Miller <mlxndrj@gmail.com>
Date: Thu, 9 May 2024 18:40:29 +0100
Subject: [PATCH] chore: Update SetupRestore component with seed phrase input
 field

---
 frontend/components/Setup/SetupRestore.tsx | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/components/Setup/SetupRestore.tsx b/frontend/components/Setup/SetupRestore.tsx
index 0a2867f6..02fbe86a 100644
--- a/frontend/components/Setup/SetupRestore.tsx
+++ b/frontend/components/Setup/SetupRestore.tsx
@@ -1,5 +1,5 @@
 import { CloseOutlined } from '@ant-design/icons';
-import { Button, Flex, Typography } from 'antd';
+import { Button, Col, Flex, Input, Row, Typography } from 'antd';
 import { memo } from 'react';
 
 import { CardFlex } from '@/components/styled/CardFlex';
@@ -61,6 +61,7 @@ export const SetupRestoreMain = () => {
   );
 };
 
+const SEED_PHRASE_WORDS = 12;
 export const SetupRestoreViaSeed = () => {
   return (
     <CardFlex
@@ -71,7 +72,17 @@ export const SetupRestoreViaSeed = () => {
         </Flex>
       }
       gap={10}
-    ></CardFlex>
+    >
+      <Typography.Text>
+        To restore access to your Operate account, enter the seed phrase you
+        received when setting up your account.
+      </Typography.Text>
+      <Row>
+        <Col span={12}>
+          <Input className="w-full" />
+        </Col>
+      </Row>
+    </CardFlex>
   );
 };