From a65f1ceabd62c48a9c2bbb9ee0f4b11bc30cf1e1 Mon Sep 17 00:00:00 2001
From: Jeesun Kim <jeesunkim@Jeesuns-MBP.localdomain>
Date: Thu, 14 Mar 2024 14:17:16 -0700
Subject: [PATCH] do not use 'store' in components; update button variant

---
 src/app/(sidebar)/account/create/page.tsx | 7 +++++--
 src/components/GenerateKeypair.tsx        | 8 +++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/(sidebar)/account/create/page.tsx b/src/app/(sidebar)/account/create/page.tsx
index 6d24f032..110e1c74 100644
--- a/src/app/(sidebar)/account/create/page.tsx
+++ b/src/app/(sidebar)/account/create/page.tsx
@@ -40,7 +40,7 @@ export default function CreateAccount() {
             </Text>
           </div>
           <div className="Account__CTA">
-            <Button size="md" variant="tertiary" onClick={generateKeypair}>
+            <Button size="md" variant="secondary" onClick={generateKeypair}>
               Generate keypair
             </Button>
 
@@ -54,7 +54,10 @@ export default function CreateAccount() {
           </div>
         </div>
         <ExpandBox isExpanded={Boolean(account.publicKey && secretKey)}>
-          <GenerateKeypair secretKey={secretKey} />
+          <GenerateKeypair
+            publicKey={account.publicKey}
+            secretKey={secretKey}
+          />
         </ExpandBox>
       </Card>
     </div>
diff --git a/src/components/GenerateKeypair.tsx b/src/components/GenerateKeypair.tsx
index 97396529..68006b6b 100644
--- a/src/components/GenerateKeypair.tsx
+++ b/src/components/GenerateKeypair.tsx
@@ -1,7 +1,13 @@
 import { Icon, Input } from "@stellar/design-system";
 import { useStore } from "@/store/useStore";
 
-export const GenerateKeypair = ({ secretKey }: { secretKey: string }) => {
+export const GenerateKeypair = ({
+  publicKey,
+  secretKey,
+}: {
+  publicKey: string;
+  secretKey: string;
+}) => {
   const { account } = useStore();
 
   return (