Analytics layout

portal/src/components/analytics/AnalyticsAddressesList.tsx

@@ -1,36 +1,20 @@
-import { useQuery } from "react-query";
-import { Flex, Spinner } from "@chakra-ui/react";
-
-import queryCacheProps from "../../hooks/hookCommon";
-import { SubscriptionsService } from "../../services";
+import { Spinner } from "@chakra-ui/react";
 
 import Item from "./AnalyticsAddressesListItem";
 import useAnalytics from "../../contexts/AnalyticsContext";
+import styles from "./AnalyticsView.module.css";
 
 const AnalyticsAddressesList = () => {
   const { addresses } = useAnalytics();
 
-  // const getTypes = async () => {
-  //   const response = await SubscriptionsService.getTypes();
-  //   return response.data;
-  // };
-
-  // const types = useQuery(["subscription_types"], getTypes, {
-  //   ...queryCacheProps,
-  //   onSuccess(data: any) {
-  //     console.log(data);
-  //     setTypes(data.subscription_types);
-  //   },
-  // });
-
   if (addresses.isLoading) {
     return <Spinner />;
   }
 
   return (
     <>
       {addresses.data && (
-        <Flex flexDirection="column" overflowY="auto" gap="5px">
+        <div className={styles.addressesList}>
           {addresses.data.map((address: any, idx: number) => (
             <Item
               key={address.id}
@@ -39,7 +23,7 @@ const AnalyticsAddressesList = () => {
               // types={types.data?.subscription_types ?? undefined}
             />
           ))}
-        </Flex>
+        </div>
       )}
     </>
   );

portal/src/components/analytics/AnalyticsNewAddressView.tsx

@@ -134,8 +134,8 @@ const AnalyticsNewAddressView = () => {
           console.log(e);
           if (!type) {
             setType("regularAccount");
+            setChainName("");
           }
-          setChainName("");
         });
     },
     {

portal/src/components/analytics/AnalyticsView.module.css

@@ -0,0 +1,8 @@
+.addressesList {
+    display: flex;
+    flex-direction: column;
+    gap: 5px;
+    overflow-y: auto;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+}

portal/src/components/analytics/AnalyticsView.tsx

@@ -30,9 +30,9 @@ const AnalyticsView = () => {
         <Flex
           gap="30px"
           py="30px"
-          px={{ base: 0, xl: "5%", "2xl": "10%" }}
+          px={"7%"}
           minH={isTallScreen ? "calc(100vh - 320px)" : "760px"}
-          minW="90%"
+          w={"100%"}
           position="relative"
           alignSelf="stretch"
         >