added APTtoUSD ui

aritroCoder · Dec 11, 2023 · ffbf419 · ffbf419
1 parent a3a9ba6
commit ffbf419
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/packages/site/src/pages/index.tsx b/packages/site/src/pages/index.tsx
@@ -131,8 +131,7 @@ const Notice = styled.div`
   border-radius: ${({ theme }) => theme.radii.default};
   padding: 2.4rem;
   margin-top: 2.4rem;
-  max-width: 60rem;
-  width: 100%;
+  width: auto;
 
   & > * {
     margin: 0;
@@ -228,6 +227,7 @@ const Index = () => {
   const [txnHistory, setTxnHistory] = useState([]);
   const [txncCronJobActive, setTxnCronJobActive] = useState(false);
   const [isMainet, setIsMainnet] = useState(false);
+  const [valueInUSD, setValueInUSD] = useState(8);
 
   const milliToDate = (milli: any) => {
     const monthNames = [
@@ -549,7 +549,7 @@ const Index = () => {
             margin="normal"
           />
           <TextField
-            label="Amount (APT)"
+            label="Amount"
             type="number"
             value={sendAmount}
             onChange={handleAmountChange}
@@ -981,6 +981,21 @@ const Index = () => {
           </Paper>
         </>
       )}
+      <Notice>
+        <p style={{
+                    font: 'Roboto',
+                    fontSize: '20px',
+                    fontWeight: 530,
+                    color: `${({ theme }) => theme.colors.error?.muted}`,
+                    padding: '0px 10px',
+                  }}>Current APT Value in USD: </p>
+        <Typography
+                variant="h4"
+                style={{ textAlign: 'center' , marginTop: '10px'}}
+              >
+                1 APT = {valueInUSD} USD
+              </Typography>
+      </Notice>
     </Container>
 
     // </Container>

diff --git a/packages/snap/snap.manifest.json b/packages/snap/snap.manifest.json
@@ -7,7 +7,7 @@
     "url": "https://github.com/MetaMask/template-snap-monorepo.git"
   },
   "source": {
-    "shasum": "jGJS7j/mpSELwqYZHYHjpv+sek8/3sQHm3Rp79RrK5Y=",
+    "shasum": "2j8ikTTJ8ysCsFGLBmWd9yW9VG7QZvnG/WBy5qE32Ts=",
     "location": {
       "npm": {
         "filePath": "dist/bundle.js",