Home
@@ -28,3 +26,17 @@ const styles = {
padding: '2rem',
minHeight: '100vh',
};
+
+const buttonStyles = {
+ background: 'linear-gradient(90deg, #cfecd0, #a0cea7, #9ec0db)',
+ padding: '1rem 2rem',
+ borderRadius: '5px',
+ textDecoration: 'none',
+ cursor: 'pointer',
+ color: 'black',
+ border: '1px solid white',
+ fontSize: '1.2rem',
+ width: '300px',
+ margin: 'auto',
+ textAlign: 'center',
+} as React.CSSProperties;
diff --git a/code/webauthn/frontend/src/hooks/useAccount.tsx b/code/webauthn/frontend/src/hooks/useAccount.tsx
index 7815efd..499489e 100644
--- a/code/webauthn/frontend/src/hooks/useAccount.tsx
+++ b/code/webauthn/frontend/src/hooks/useAccount.tsx
@@ -23,7 +23,7 @@ const storageLabel = 'smart-account-address';
export const AccountProvider: FC
= ({ children }) => {
const [state, setState] = useState(() => {
if (typeof window !== 'undefined') {
- return (sessionStorage.getItem(storageLabel) as AccountContext) || null;
+ return (localStorage.getItem(storageLabel) as AccountContext) || null;
}
return null;
});
@@ -31,7 +31,7 @@ export const AccountProvider: FC = ({ children }) => {
const setAccount = (account: AccountContext) => {
setState(account);
if (typeof window !== 'undefined') {
- sessionStorage.setItem(storageLabel, account as string);
+ localStorage.setItem(storageLabel, account as string);
}
};
diff --git a/code/webauthn/frontend/src/pages/create-account.tsx b/code/webauthn/frontend/src/pages/create-account.tsx
index c8be1a7..41ed1c7 100644
--- a/code/webauthn/frontend/src/pages/create-account.tsx
+++ b/code/webauthn/frontend/src/pages/create-account.tsx
@@ -1,21 +1,23 @@
import React, { useEffect, useState } from 'react';
import { Layout } from '../components/Layout';
-import { buttonStyles } from './index';
-import { AA_FACTORY_ADDRESS, BUTTON_COLORS } from '../../utils/constants';
+import { buttonStyles, AA_FACTORY_ADDRESS, BUTTON_COLORS } from './index';
import { containerStyles, headerStyles } from './register';
import { type Provider, utils, Wallet } from 'zksync-ethers';
import { ethers } from 'ethers';
import * as factoryAbiJSON from '../../../contracts/artifacts-zk/contracts/AAFactory.sol/AAFactory.json';
import { getPaymasterOverrides } from '../../utils/tx';
import { useAccount, useSetAccount } from '@/hooks/useAccount';
-import { useSetWallet, useWallet } from '@/hooks/useWallet';
+import {
+ useSetWallet,
+ // useWallet
+} from '@/hooks/useWallet';
export default function CreateAccount({ provider }: { provider: Provider }) {
const [isMounted, setIsMounted] = useState(false);
const account = useAccount();
const setAccount = useSetAccount();
const setWallet = useSetWallet();
- const accountWallet = useWallet();
+ // const accountWallet = useWallet();
useEffect(() => {
setIsMounted(true);
@@ -87,7 +89,7 @@ export default function CreateAccount({ provider }: { provider: Provider }) {
{account}
)}
- {accountWallet && (
+ {/* {accountWallet && (