Ultrasound Fix (#290)

* Fix title, description and add missing og tags * Rename github action * Fixes
Synthetixio · Jun 3, 2024 · fa44f45 · fa44f45
1 parent 49fff5e
commit fa44f45
Show file tree

Hide file tree

Showing 10 changed files with 66 additions and 72 deletions.
diff --git a/...ub/workflows/release-ultrasound-homes.yml → .github/workflows/release-ultrasound.yml b/...ub/workflows/release-ultrasound-homes.yml → .github/workflows/release-ultrasound.yml
@@ -1,11 +1,11 @@
-name: release-ultrasound-homes
+name: release-ultrasound
 
 on:
   push:
     tags:
-      - 'release-ultrasound-homes-*'
+      - 'release-ultrasound-*'
     branches:
-      - 'release-ultrasound-homes'
+      - 'release-ultrasound'
       - 'releases'
 
 jobs:
@@ -28,10 +28,10 @@ jobs:
           ref: '${{ github.sha }}'
           ssh-key: '${{ secrets.V3UI_SSH_KEY }}'
 
-      - run: yarn workspaces focus @snx-v3/ultrasound-homes
+      - run: yarn workspaces focus @snx-v3/ultrasound
         working-directory: v3ui
 
-      - run: yarn workspace @snx-v3/ultrasound-homes build
+      - run: yarn workspace @snx-v3/ultrasound build
         working-directory: v3ui
 
       - run: rm -rf ./ultrasound/*

diff --git a/ultrasound/ui/README.md b/ultrasound/ui/README.md
@@ -1 +1 @@
-# ULTRASOUND HOMES
+# ultrasoundsnx.money
diff --git a/ultrasound/ui/components/BurnSNX.tsx b/ultrasound/ui/components/BurnSNX.tsx
@@ -43,7 +43,7 @@ export function BurnSNX() {
         <Text fontWeight={700} fontSize="20px" display="flex" alignItems="center" gap="2">
           Buyback Price:{' '}
           {!SNXPrice ? (
-            <Skeleton h="20px" width="100px" ml="2" />
+            <Skeleton as="span" h="20px" width="100px" ml="2" />
           ) : (
             <>
               <s>$ {SNXPrice?.toNumber().toFixed(2)}</s> $

diff --git a/ultrasound/ui/components/Main.tsx b/ultrasound/ui/components/Main.tsx
@@ -1,11 +1,10 @@
-import { Flex, Heading, Image, Link, Spinner, Text, Tooltip } from '@chakra-ui/react';
+import { InfoIcon } from '@chakra-ui/icons';
+import { Flex, Heading, Link, Spinner, Text, Tooltip } from '@chakra-ui/react';
 import { useBurnEvents } from '../hooks/useBurnEvents';
 import { BurnSNX } from './BurnSNX';
 import { Chart } from './Chart';
 import { CurrentSupplyStats } from './CurrentSupplyStats';
-import kainSvg from './svgs/kain.svg';
 import { SupplyChangeStats } from './SupplyChangeStats';
-import { InfoIcon } from '@chakra-ui/icons';
 
 export function Main() {
   const { data: events, isLoading } = useBurnEvents();
@@ -14,25 +13,24 @@ export function Main() {
     <Flex flexDir="column" mt="8" width="100%" maxW="1200px">
       <Flex justifyContent="space-between" flexWrap={{ base: 'wrap', xl: 'nowrap' }}>
         <Flex flexDir="column">
-          <Heading fontSize={{ base: '48px', xl: '72px' }} fontWeight={700} color="white">
-            ultrasoundsnx.money
+          <Heading fontSize={{ base: '48px', xl: '56px' }} fontWeight={700} color="white">
+            Zero inflation, infinite burn
           </Heading>
-          <Heading fontSize="30px" fontWeight={700} color="white">
-            Zero inflation, infinite burn: Perps fuel SNX deflation
+          <Heading fontSize="36px" fontWeight={700} color="white">
+            Perps fuel SNX deflation
           </Heading>
         </Flex>
         <Flex alignItems="center" mt={{ base: 10, xl: 0 }}>
-          <Image src={kainSvg} />
           <Flex flexDir="column">
             <Flex alignItems="baseline" gap="2">
-              <Text fontSize="16px" fontWeight={700} color="white">
-                Mansion counter
+              <Text as="div" fontSize="16px" fontWeight={700} color="white">
+                Burn counter
               </Text>
               <Tooltip label="Times the BuyBack and Burn contract was triggered">
                 <InfoIcon w="10px" h="10px" />
               </Tooltip>
             </Flex>
-            <Text fontSize="24px" fontWeight={700} color="white">
+            <Text as="div" fontSize="24px" fontWeight={700} color="white">
               {isLoading ? <Spinner colorScheme="cyan" /> : events?.totalBurns}
             </Text>
           </Flex>
@@ -58,7 +56,7 @@ export function Main() {
         <Text fontWeight={700} fontSize="16px">
           Share
         </Text>
-        <Link href="https://twitter.com/intent/tweet?text=I%20am%20paying%20for%20Kains%20Mansion">
+        <Link href="https://twitter.com/intent/tweet?text=I%20am%20burning%20SNX">
           <svg
             width="48"
             height="48"

diff --git a/ultrasound/ui/components/svgs/kain.svg b/ultrasound/ui/components/svgs/kain.svg
diff --git a/ultrasound/ui/components/svgs/snx.svg b/ultrasound/ui/components/svgs/snx.svg
diff --git a/ultrasound/ui/hooks/useSNXPrice.ts b/ultrasound/ui/hooks/useSNXPrice.ts
@@ -12,46 +12,32 @@ export function useSNXPrice() {
 
   return useQuery({
     refetchInterval: 10000,
-    enabled: !!baseProvider,
-    queryKey: ['snx-price', !!baseProvider],
+    enabled: Boolean(baseProvider && baseNetwork?.id && baseNetwork?.preset),
+    queryKey: ['snx-price'],
     queryFn: async () => {
-      if (baseProvider && baseNetwork?.id && baseNetwork?.preset) {
-        try {
-          const { address, abi } = await importOracleManagerProxy(
-            baseNetwork.id,
-            baseNetwork.preset
-          );
-          const OracleManagerProxy = new Contract(
-            address,
-            abi,
-            baseProvider
-          ) as OracleManagerProxyType;
+      if (!baseNetwork || !baseNetwork?.id || !baseNetwork?.preset) throw new Error('OMFG');
+      const { address, abi } = await importOracleManagerProxy(baseNetwork.id, baseNetwork.preset);
+      const OracleManagerProxy = new Contract(address, abi, baseProvider) as OracleManagerProxyType;
 
-          const price = [
-            await OracleManagerProxy.populateTransaction.process(
-              await BuyBack.connect(baseProvider).getSnxNodeId()
-            ),
-          ];
+      const price = [
+        await OracleManagerProxy.populateTransaction.process(
+          await BuyBack.connect(baseProvider!).getSnxNodeId()
+        ),
+      ];
 
-          price[0].from = '0x4200000000000000000000000000000000000006';
+      price[0].from = '0x4200000000000000000000000000000000000006';
 
-          return await erc7412Call(
-            baseNetwork,
-            baseProvider,
-            price,
-            (txs) => {
-              return new Wei(
-                OracleManagerProxy.interface.decodeFunctionResult('process', txs[0])[0].price
-              );
-            },
-            'useSNXPrice'
+      return await erc7412Call(
+        baseNetwork!,
+        baseProvider!,
+        price,
+        (txs) => {
+          return new Wei(
+            OracleManagerProxy.interface.decodeFunctionResult('process', txs[0])[0].price
           );
-        } catch (error) {
-          console.error(error);
-          return new Wei(0);
-        }
-      }
-      return new Wei(0);
+        },
+        'useSNXPrice'
+      );
     },
   });
 }
diff --git a/ultrasound/ui/index.html b/ultrasound/ui/index.html
@@ -4,12 +4,31 @@
     <meta charset="UTF-8" />
     <meta content="initial-scale=1, width=device-width" name="viewport" />
     <meta content="ie=edge" http-equiv="X-UA-Compatible" />
-    <meta name="description" content="Ultrasound Homes" />
     <link rel="icon" href="favicon.ico" />
-    <title>Ultrasoundsnx Money</title>
+    <title>UltrasoundSNX Money</title>
+    <meta
+      name="description"
+      content="Celebrate the deflationary impact on SNX supply driven by the fee burn from Synthetix Perps fees. Discover how the SNX supply is evolving, the mechanics behind the fee burn, and the role of Perps in driving SNX deflation."
+    />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="ultrasoundsnx.money" />
+    <meta
+      property="og:title"
+      content="ultrasoundsnx.money Zero inflation, infinite burn: Perps fuel SNX deflation"
+    />
+    <meta
+      property="og:description"
+      content="Celebrate the deflationary impact on SNX supply driven by the fee burn from Synthetix Perps fees. Discover how the SNX supply is evolving, the mechanics behind the fee burn, and the role of Perps in driving SNX deflation."
+    />
+    <meta property="og:image" content="https://ultrasoundsnx.money/metatag.png" />
+
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:site" content="@synthetix_io" />
-    <meta name="twitter:title" content="Ultrasoundsnx.money" />
+    <meta
+      name="twitter:title"
+      content="ultrasoundsnx.money Zero inflation, infinite burn: Perps fuel SNX deflation"
+    />
     <meta
       name="twitter:description"
       content="Celebrate the deflationary impact on SNX supply driven by the fee burn from Synthetix Perps fees. Discover how the SNX supply is evolving, the mechanics behind the fee burn, and the role of Perps in driving SNX deflation."

diff --git a/ultrasound/ui/package.json b/ultrasound/ui/package.json
@@ -1,11 +1,11 @@
 {
-  "name": "@snx-v3/ultrasound-homes",
+  "name": "@snx-v3/ultrasound",
   "version": "0.0.1",
   "private": true,
   "scripts": {
     "start": "webpack-cli serve",
     "build": "NODE_ENV=production webpack-cli",
-    "focus": "yarn workspaces focus '@snx-v3/ultrasound-homes'"
+    "focus": "yarn workspaces focus '@snx-v3/ultrasound'"
   },
   "dependencies": {
     "@chakra-ui/icons": "^2.1.1",

diff --git a/yarn.lock b/yarn.lock
@@ -6599,9 +6599,9 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@snx-v3/ultrasound-homes@workspace:ultrasound/ui":
+"@snx-v3/ultrasound@workspace:ultrasound/ui":
   version: 0.0.0-use.local
-  resolution: "@snx-v3/ultrasound-homes@workspace:ultrasound/ui"
+  resolution: "@snx-v3/ultrasound@workspace:ultrasound/ui"
   dependencies:
     "@babel/core": "npm:^7.23.3"
     "@babel/plugin-transform-runtime": "npm:^7.23.3"