Merge pull request #7 from glitch-hackathon-2023/feat/zk-apps

Fix: put zk app names
team-byof · May 20, 2023 · 3652147 · 3652147
2 parents 01a20e9 + 22daaba
commit 3652147
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/components/ZkApp.tsx b/src/components/ZkApp.tsx
@@ -30,4 +30,5 @@ const Wrap = styled.div`
 const AppTitle = styled.text`
   font-size: 27px;
   color: ${colors.white};
+  white-space: pre-wrap;
 `;
diff --git a/src/pages/zk-apps.tsx b/src/pages/zk-apps.tsx
@@ -6,15 +6,13 @@ import ZkApp from "@/components/ZkApp";
 import {GlobalStyle} from "@/styles/global.style";
 
 function ZkApps() {
+  const appNames = ["ZK Blind", "ZK Tender", "ZK Inven", "ZK\nAmong US"]
   return (
     <Container>
       <GlobalStyle />
       <RegisterDescription>Register your ID on our wallet with top-tier<br/>privacy protection solution!</RegisterDescription>
       <AppsWrap>
-        <ZkApp name={"ZKSwap"} />
-        <ZkApp name={"ZKSwap"} />
-        <ZkApp name={"ZKSwap"} />
-        <ZkApp name={"ZKSwap"} />
+        { appNames.map((name) => <ZkApp key={name} name={name} />) }
       </AppsWrap>
     </Container>
   );
@@ -33,8 +31,8 @@ const RegisterDescription = styled.p`
 
 const AppsWrap = styled.div`
   display: grid;
-  grid-template-columns: repeat(2, 1fr);
   grid-gap: 30px;
+  grid-template-columns: repeat(2, 1fr);
   
   margin: 100px 24px 0 24px;
 `;