Merge pull request #95 from 0xHashstack/development

REFACTORING Updated Liquidity locked and util Rate [DONE]
0xHashstack · Nov 30, 2023 · fe3416c · fe3416c
2 parents 91e7c6e + d263b52
commit fe3416c
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 25 deletions.
diff --git a/src/components/IpadView.tsx b/src/components/IpadView.tsx
@@ -152,8 +152,8 @@ const IpadView = () => {
                         <br />
                         mining & trading needs.</Text>
                 </Box>
-                <Box display="flex" flexDirection="row" justifyContent="center" gap="3rem" mt="2rem">
-                    {/* <Box>
+                <Box display="flex" flexDirection="row" justifyContent="space-around" gap="3rem" mt="2rem">
+                <Box>
                         <Text color="#8C8C9B" fontSize="20px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
                             Utilization Rate
                         </Text>
@@ -171,13 +171,13 @@ const IpadView = () => {
                                 />
                             </Box>
                         }
-                    </Box> */}
-                    <Box display="flex" flexDirection="row" justifyContent="center">
-                        <Text color="#8C8C9B" fontSize="20px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap" mr="1rem">
-                        Liquidity Locked
+                    </Box>
+                    <Box>
+                        <Text color="#8C8C9B" fontSize="20px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
+                            Liquidity Locked
                         </Text>
                         {tvl ?
-                            <Text  color="#00D395" textAlign="center" fontFamily="inter" fontSize="28px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.6rem" whiteSpace="nowrap">
+                            <Text color="#00D395" textAlign="center" fontFamily="inter" fontSize="28px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.4rem" whiteSpace="nowrap">
                                 {tvl ? `$${numberFormatter(tvl)}+` : ""}
                             </Text> :
                             <Box color="#00D395" textAlign="center" fontFamily="inter" fontSize="28px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.4rem" whiteSpace="nowrap">
@@ -620,4 +620,4 @@ const IpadView = () => {
     )
 }
 
-export default IpadView
+export default IpadView
diff --git a/src/components/MarketStats.tsx b/src/components/MarketStats.tsx
@@ -46,7 +46,7 @@ const MarketStats = () => {
 
             >
                 <Box display="flex" flexDirection="row" gap="50px">
-                    {/* <Box>
+                <Box>
                         <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
                             Utilization Rate
                         </Text>
@@ -65,10 +65,10 @@ const MarketStats = () => {
                             </Box>
 
                         }
-                    </Box> */}
-                    <Box display="flex" flexDirection="row" gap="1rem">
-                        <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" mt="1.2rem" whiteSpace="nowrap">
-                        Liquidity Locked
+                    </Box>
+                    <Box>
+                        <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
+                            Liquidity Locked
                         </Text>
                         {tvl ?
                             <Text color="#00D395" textAlign="center" fontFamily="inter" fontSize="36px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.4rem" whiteSpace="nowrap">
@@ -113,7 +113,7 @@ const MarketStats = () => {
 
             >
                 <Box display="flex" flexDirection="row" gap="50px">
-                    {/* <Box>
+                <Box>
                         <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
                             Utilization Rate
                         </Text>
@@ -132,11 +132,10 @@ const MarketStats = () => {
                             </Box>
 
                         }
-                    </Box> */}
-
-                    <Box display="flex" flexDirection="row" gap="1rem">
-                    <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" mt="1.2rem" whiteSpace="nowrap">
-                    Liquidity Locked
+                    </Box>
+                    <Box>
+                        <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
+                            Liquidity Locked
                         </Text>
                         {tvl ?
                             <Text color="#00D395" textAlign="center" fontFamily="inter" fontSize="36px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.4rem" whiteSpace="nowrap">

diff --git a/src/components/mobileView.tsx b/src/components/mobileView.tsx
@@ -146,8 +146,8 @@ const MobileView = () => {
                     </Box>
 
                 </Box>
-                <Box display="flex" flexDirection="row" justifyContent="center" mt="2rem">
-                    {/* <Box>
+                <Box display="flex" flexDirection="row" justifyContent="space-around" mt="2rem">
+<Box>
                         <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
                             Utilization Rate
                         </Text>
@@ -165,10 +165,10 @@ const MobileView = () => {
                                 />
                             </Box>
                         }
-                    </Box> */}
-                    <Box display="flex" flexDirection="row" justifyContent="center">
-                        <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap" mr="0.5rem" mt="1.2rem">
-                            Total Value Locked
+                    </Box>
+                    <Box>
+                        <Text color="#8C8C9B" fontSize="14px" fontWeight="500" fontStyle="normal" fontFamily="inter" mb="0" whiteSpace="nowrap">
+                            Liquidity Locked
                         </Text>
                         {tvl ?
                             <Text color="#00D395" textAlign="center" fontFamily="inter" fontSize="24px" fontStyle="normal" fontWeight="600" lineHeight="40px" mt="0.4rem" whiteSpace="nowrap">