fix: handle sign up errors (#1896)

fix: handle sign up errors and unused imports

Author: assimovt

components/engine/configuration/add-webhook-button.tsx

@@ -21,7 +21,7 @@ import {
 import { useTrack } from "hooks/analytics/useTrack";
 import { useTxNotifications } from "hooks/useTxNotifications";
 import { useForm } from "react-hook-form";
-import { Button, FormHelperText, FormLabel, Text } from "tw-components";
+import { Button, FormHelperText, FormLabel } from "tw-components";
 import { AiOutlinePlusCircle } from "react-icons/ai";
 import { beautifyString } from "./webhooks-table";
 

components/engine/permissions/add-access-token-button.tsx

@@ -13,7 +13,7 @@ import {
 } from "@chakra-ui/react";
 import { useTrack } from "hooks/analytics/useTrack";
 import { useTxNotifications } from "hooks/useTxNotifications";
-import { Button, Card, Checkbox, CodeBlock, Text } from "tw-components";
+import { Button, Checkbox, CodeBlock, Text } from "tw-components";
 import { AiOutlinePlusCircle } from "react-icons/ai";
 import { useState } from "react";
 

components/engine/permissions/add-admin-button.tsx

@@ -19,7 +19,7 @@ import {
 import { useTrack } from "hooks/analytics/useTrack";
 import { useTxNotifications } from "hooks/useTxNotifications";
 import { useForm } from "react-hook-form";
-import { Button, FormLabel, Text } from "tw-components";
+import { Button, FormLabel } from "tw-components";
 import { AiOutlinePlusCircle } from "react-icons/ai";
 
 interface AddAdminButtonProps {

components/engine/permissions/admins-table.tsx

@@ -11,7 +11,6 @@ import {
   ModalFooter,
   Flex,
   useDisclosure,
-  Stack,
 } from "@chakra-ui/react";
 import { createColumnHelper } from "@tanstack/react-table";
 import { TWTable } from "components/shared/TWTable";

components/settings/Account/AccountForm.tsx

@@ -83,10 +83,6 @@ export const AccountForm: React.FC<AccountFormProps> = ({
   );
 
   const handleSubmit = form.handleSubmit((values) => {
-    if (onSave) {
-      onSave(values.email);
-    }
-
     const formData = {
       ...values,
       ...(showSubscription
@@ -105,6 +101,9 @@ export const AccountForm: React.FC<AccountFormProps> = ({
 
     updateMutation.mutate(formData, {
       onSuccess: (data) => {
+        if (onSave) {
+          onSave(values.email);
+        }
         onSuccess();
 
         trackEvent({

pages/dashboard/settings/api-keys/index.tsx

@@ -4,17 +4,14 @@ import { AppLayout } from "components/app-layouts/app";
 import { ApiKeys } from "components/settings/ApiKeys";
 import { SmartWalletsBillingAlert } from "components/settings/ApiKeys/Alerts";
 import { CreateApiKeyButton } from "components/settings/ApiKeys/Create";
-import { ConnectWalletPrompt } from "components/settings/ConnectWalletPrompt";
 import { SettingsSidebar } from "core-ui/sidebar/settings";
 import { PageId } from "page-id";
 import { useMemo } from "react";
 import { Heading, Link, Text } from "tw-components";
 import { ThirdwebNextPage } from "utils/types";
-import { useLoggedInUser } from "@3rdweb-sdk/react/hooks/useLoggedInUser";
 import { LoggedInOnlyView } from "components/dashboard/LoggedInOnlyView";
 
 const SettingsApiKeysPage: ThirdwebNextPage = () => {
-  const { isLoggedIn } = useLoggedInUser();
   const keysQuery = useApiKeys();
   const meQuery = useAccount();
 

pages/embedded-wallets.tsx

@@ -1,17 +1,15 @@
-import { Box, Center, Container, Flex, SimpleGrid } from "@chakra-ui/react";
+import { Center, Container, Flex } from "@chakra-ui/react";
 import { ChakraNextImage } from "components/Image";
 import { LandingCardWithImage } from "components/landing-pages/card-with-image";
 import { LandingDynamicSelector } from "components/landing-pages/dynamic-selector";
 import { LandingEndCTA } from "components/landing-pages/end-cta";
 import { LandingGridSection } from "components/landing-pages/grid-section";
 import { LandingGuidesShowcase } from "components/landing-pages/guide-showcase";
 import { LandingHeroWithSideImage } from "components/landing-pages/hero-with-side-image";
-import { LandingIconSectionItem } from "components/landing-pages/icon-section-item";
 import { LandingLayout } from "components/landing-pages/layout";
-import { LandingSectionHeading } from "components/landing-pages/section-heading";
 import { getAbsoluteUrl } from "lib/vercel-utils";
 import { PageId } from "page-id";
-import { Card, Heading } from "tw-components";
+import { Heading } from "tw-components";
 import { ThirdwebNextPage } from "utils/types";
 
 const TRACKING_CATEGORY = "embedded-wallets-landing";