@coinbase/create-cdp-app 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template-nextjs/src/components/ClientApp.tsx +2 -2
- package/template-nextjs/src/components/Header.tsx +1 -1
- package/template-nextjs/src/components/SignedInScreen.tsx +2 -2
- package/template-nextjs/src/components/Transaction.tsx +1 -1
- package/template-react/src/App.tsx +2 -2
- package/template-react/src/Header.tsx +1 -1
- package/template-react/src/SignedInScreen.tsx +2 -2
- package/template-react/src/Transaction.tsx +1 -1
package/package.json
CHANGED
|
@@ -10,8 +10,8 @@ import SignInScreen from "@/components/SignInScreen";
|
|
|
10
10
|
* A component that displays the client app.
|
|
11
11
|
*/
|
|
12
12
|
export default function ClientApp() {
|
|
13
|
-
const isInitialized = useIsInitialized();
|
|
14
|
-
const isSignedIn = useIsSignedIn();
|
|
13
|
+
const { isInitialized } = useIsInitialized();
|
|
14
|
+
const { isSignedIn } = useIsSignedIn();
|
|
15
15
|
|
|
16
16
|
return (
|
|
17
17
|
<div className="app flex-col-container flex-grow">
|
|
@@ -9,7 +9,7 @@ import { IconCheck, IconCopy, IconUser } from "@/components/Icons";
|
|
|
9
9
|
* Header component
|
|
10
10
|
*/
|
|
11
11
|
export default function Header() {
|
|
12
|
-
const evmAddress = useEvmAddress();
|
|
12
|
+
const { evmAddress } = useEvmAddress();
|
|
13
13
|
const [isCopied, setIsCopied] = useState(false);
|
|
14
14
|
|
|
15
15
|
const copyAddress = async () => {
|
|
@@ -21,8 +21,8 @@ const client = createPublicClient({
|
|
|
21
21
|
* The Signed In screen
|
|
22
22
|
*/
|
|
23
23
|
export default function SignedInScreen() {
|
|
24
|
-
const isSignedIn = useIsSignedIn();
|
|
25
|
-
const evmAddress = useEvmAddress();
|
|
24
|
+
const { isSignedIn } = useIsSignedIn();
|
|
25
|
+
const { evmAddress } = useEvmAddress();
|
|
26
26
|
const [balance, setBalance] = useState<bigint | undefined>(undefined);
|
|
27
27
|
|
|
28
28
|
const formattedBalance = useMemo(() => {
|
|
@@ -22,7 +22,7 @@ interface Props {
|
|
|
22
22
|
*/
|
|
23
23
|
export default function Transaction(props: Props) {
|
|
24
24
|
const { balance, onSuccess } = props;
|
|
25
|
-
const evmAddress = useEvmAddress();
|
|
25
|
+
const { evmAddress } = useEvmAddress();
|
|
26
26
|
const [transactionHash, setTransactionHash] = useState("");
|
|
27
27
|
const [error, setError] = useState("");
|
|
28
28
|
|
|
@@ -9,8 +9,8 @@ import SignInScreen from "./SignInScreen";
|
|
|
9
9
|
* It also demonstrates how to use the AuthButton component to sign in and out of the app.
|
|
10
10
|
*/
|
|
11
11
|
function App() {
|
|
12
|
-
const isInitialized = useIsInitialized();
|
|
13
|
-
const isSignedIn = useIsSignedIn();
|
|
12
|
+
const { isInitialized } = useIsInitialized();
|
|
13
|
+
const { isSignedIn } = useIsSignedIn();
|
|
14
14
|
|
|
15
15
|
return (
|
|
16
16
|
<div className="app flex-col-container flex-grow">
|
|
@@ -8,7 +8,7 @@ import { IconCheck, IconCopy, IconUser } from "./Icons";
|
|
|
8
8
|
* Header component
|
|
9
9
|
*/
|
|
10
10
|
function Header() {
|
|
11
|
-
const evmAddress = useEvmAddress();
|
|
11
|
+
const { evmAddress } = useEvmAddress();
|
|
12
12
|
const [isCopied, setIsCopied] = useState(false);
|
|
13
13
|
|
|
14
14
|
const copyAddress = async () => {
|
|
@@ -19,8 +19,8 @@ const client = createPublicClient({
|
|
|
19
19
|
* The Signed In screen
|
|
20
20
|
*/
|
|
21
21
|
function SignedInScreen() {
|
|
22
|
-
const isSignedIn = useIsSignedIn();
|
|
23
|
-
const evmAddress = useEvmAddress();
|
|
22
|
+
const { isSignedIn } = useIsSignedIn();
|
|
23
|
+
const { evmAddress } = useEvmAddress();
|
|
24
24
|
const [balance, setBalance] = useState<bigint | undefined>(undefined);
|
|
25
25
|
|
|
26
26
|
const formattedBalance = useMemo(() => {
|
|
@@ -22,7 +22,7 @@ interface Props {
|
|
|
22
22
|
*/
|
|
23
23
|
function Transaction(props: Props) {
|
|
24
24
|
const { balance, onSuccess } = props;
|
|
25
|
-
const evmAddress = useEvmAddress();
|
|
25
|
+
const { evmAddress } = useEvmAddress();
|
|
26
26
|
const [transactionHash, setTransactionHash] = useState("");
|
|
27
27
|
const [error, setError] = useState("");
|
|
28
28
|
|