Fix homepage provider list + Bump deploy version

akash-network · Oct 10, 2023 · d7a54bf · d7a54bf
1 parent aa17368
commit d7a54bf
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/deploy-web/package-lock.json b/deploy-web/package-lock.json
diff --git a/deploy-web/package.json b/deploy-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "cloudmos-app",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "Web UI to deploy on the Akash Network and view statistic about network usage.",
   "author": "Cloudmos",
   "private": true,

diff --git a/deploy-web/src/components/home/YourAccount.tsx b/deploy-web/src/components/home/YourAccount.tsx
@@ -68,9 +68,9 @@ export const YourAccount: React.FunctionComponent<Props> = ({ balances, isLoadin
   const router = useRouter();
   const { address } = useKeplr();
   const usdcIbcDenom = useUsdcDenom();
-  const [selectedDataId, setSelectedDataId] = useState(null);
-  const [costPerMonth, setCostPerMonth] = useState(null);
-  const [userProviders, setUserProviders] = useState(null);
+  const [selectedDataId, setSelectedDataId] = useState<string>(null);
+  const [costPerMonth, setCostPerMonth] = useState<number>(null);
+  const [userProviders, setUserProviders] = useState<{ owner: string; name: string }[]>(null);
   const escrowUAktSum = activeDeployments
     .filter(x => x.escrowAccount.balance.denom === uAktDenom)
     .map(x => x.escrowBalance)
@@ -256,8 +256,8 @@ export const YourAccount: React.FunctionComponent<Props> = ({ balances, isLoadin
                       Providers
                     </Typography>
 
-                    <Box sx={{ display: "flex", alignItems: "center" }}>
-                      {userProviders?.map((p, i) => (
+                    <Box sx={{ display: "flex", flexWrap: "wrap", gap: ".5rem", alignItems: "center" }}>
+                      {userProviders?.map(p => (
                         <Chip
                           key={p.owner}
                           label={p.name}
@@ -266,7 +266,6 @@ export const YourAccount: React.FunctionComponent<Props> = ({ balances, isLoadin
                           color="secondary"
                           variant="outlined"
                           onClick={() => router.push(UrlService.providerDetail(p.owner))}
-                          sx={{ marginLeft: i > 0 ? ".5rem" : 0 }}
                         />
                       ))}
                     </Box>