do not use 'store' in components; update button variant

stellar · Mar 14, 2024 · a65f1ce · a65f1ce
1 parent 9ea3945
commit a65f1ce
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git 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
@@ -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 (