From f15b5a865efb556030e88c490093dd0d596c8f71 Mon Sep 17 00:00:00 2001
From: Sharad <sharadshekar@gmail.com>
Date: Wed, 20 Apr 2022 11:01:46 -0500
Subject: [PATCH] cosmetics

---
 .../Turbo/TurboIndexPage/TurboIndexPage.tsx   |  2 +-
 .../Turbo/TurboSafePage/TurboSafePage.tsx     | 11 ++++----
 .../shared/Icons/TurboEngineIcon.tsx          |  5 ++--
 src/constants/homepage.ts                     |  2 +-
 src/constants/tokenData.ts                    | 14 ++++++++---
 src/pages/turbo/safe/[id].tsx                 | 25 ++++++++++++++++++-
 6 files changed, 45 insertions(+), 14 deletions(-)
diff --git a/src/components/pages/Turbo/TurboIndexPage/TurboIndexPage.tsx b/src/components/pages/Turbo/TurboIndexPage/TurboIndexPage.tsx
index 9ad82c7d..3f3d2790 100644
--- a/src/components/pages/Turbo/TurboIndexPage/TurboIndexPage.tsx
+++ b/src/components/pages/Turbo/TurboIndexPage/TurboIndexPage.tsx
@@ -59,7 +59,7 @@ const TurboIndexPage: React.FC = () => {
           <Box minWidth={["100%", "100%", "50%"]} pr={[0, 0, 32]}>
             <SlideFade in={true} offsetY="20px">
               <Stack align="center" direction={{base: "column", md: "row"}}>
-                <TurboEngineIcon fill="#64DBA0" animate={true} animateSpeed="fast" boxSize={"45px"} minW="45px" mr={1}/>
+                <TurboEngineIcon fill="#64DBA0" animate={true} animateSpeed="superfast" boxSize={"45px"} minW="45px" mr={1}/>
                 <Heading size="2xl">Introducing Turbo</Heading>
               </Stack>
 
diff --git a/src/components/pages/Turbo/TurboSafePage/TurboSafePage.tsx b/src/components/pages/Turbo/TurboSafePage/TurboSafePage.tsx
index e5148e06..5429f9f3 100644
--- a/src/components/pages/Turbo/TurboSafePage/TurboSafePage.tsx
+++ b/src/components/pages/Turbo/TurboSafePage/TurboSafePage.tsx
@@ -110,9 +110,6 @@ const TurboSafePage: React.FC = () => {
 
   return (
     <>
-      <Head>
-        <title>{collateralTokenData?.symbol} Safe | Tribe Turbo</title>
-      </Head>
 
       {/* Modals */}
       <DepositSafeCollateralModal
@@ -178,7 +175,7 @@ const TurboSafePage: React.FC = () => {
       >
         <Skeleton isLoaded={!loading}>
           <VStack>
-            <HStack>
+            <HStack justify={"flex-start"}>
               <TokenIcon tokenAddress={safe?.collateralAsset ?? ""} mr={2} />
               <Heading>
                 <TokenSymbol tokenAddress={safe?.collateralAsset ?? ""} /> Safe
@@ -241,7 +238,11 @@ export const Buttons: React.FC<ButtonsProps> = ({
 
   return (
     <Stack direction={["column", "column", "row"]} {...restProps}>
-      <Button variant="cardmatte" onClick={openDepositModal} disabled={loading || !isUserAdmin}>
+      <Button
+        variant="cardmatte"
+        onClick={openDepositModal}
+        disabled={loading || !isUserAdmin}
+      >
         <Image
           src="/static/turbo/action-icons/deposit-collateral.png"
           height={4}
diff --git a/src/components/shared/Icons/TurboEngineIcon.tsx b/src/components/shared/Icons/TurboEngineIcon.tsx
index 35825fcf..a4bec898 100644
--- a/src/components/shared/Icons/TurboEngineIcon.tsx
+++ b/src/components/shared/Icons/TurboEngineIcon.tsx
@@ -3,7 +3,8 @@ import { Box, usePrefersReducedMotion } from "@chakra-ui/react";
 const speeds = {
     "slow": "2000ms",
     "medium": "1250ms",
-    "fast": "500ms"
+    "fast": "500ms",
+    "superfast": "300ms"
 }
 
 const TurboEngineIcon = ({
@@ -14,7 +15,7 @@ const TurboEngineIcon = ({
 }: {
   fill: string;
   animate?: boolean;
-  animateSpeed?: "slow"| "medium" | "fast"
+  animateSpeed?: "slow"| "medium" | "fast" | "superfast"
   [x: string]: any;
 }) => {
   const prefersReducedMotion = usePrefersReducedMotion();
diff --git a/src/constants/homepage.ts b/src/constants/homepage.ts
index 0ed0a328..3b0403c9 100644
--- a/src/constants/homepage.ts
+++ b/src/constants/homepage.ts
@@ -130,7 +130,7 @@ export const HOMEPAGE_OPPORTUNIES: HomepageOpportunity[] = [
   {
     type: HomepageOpportunityType.Turbo,
     title: "Tribe Turbo",
-    subtitle: "Earn costless yield on unutilized assets.",
+    subtitle: "Earn costless yield and boost FEI liquidity into Fuse.",
     bgColor: "#EFEFEF",
     icon: "/static/turbo/turbo-engine-green.svg",
     vaultType: Pool.USDC,
diff --git a/src/constants/tokenData.ts b/src/constants/tokenData.ts
index e4306607..3418220e 100644
--- a/src/constants/tokenData.ts
+++ b/src/constants/tokenData.ts
@@ -226,7 +226,8 @@ export const TokenDataOverrides: {
     },
     "0x447Ddd4960d9fdBF6af9a790560d0AF76795CB08": {
       symbol: "CRVrETHwstETH",
-      logoURL: "https://cdn.jsdelivr.net/gh/curvefi/curve-assets/images/assets/0xae78736cd615f374d3085123a210448e74fc6393.png"
+      logoURL:
+        "https://cdn.jsdelivr.net/gh/curvefi/curve-assets/images/assets/0xae78736cd615f374d3085123a210448e74fc6393.png",
     },
 
     "0x9D0464996170c6B9e75eED71c68B99dDEDf279e8": {
@@ -235,9 +236,14 @@ export const TokenDataOverrides: {
         "https://cdn.jsdelivr.net/gh/curvefi/curve-assets/images/assets/0x62b9c7356a2dc64a1969e19c23e4f579f9810aa7.png",
     },
     // VOLT
-    "0x559eBC30b0E58a45Cc9fF573f77EF1e5eb1b3E18" : {
-      logoURL: "https://cdn.discordapp.com/attachments/854131414316220449/965716390717833316/volt_primary_logo.png",
-    }
+    "0x559eBC30b0E58a45Cc9fF573f77EF1e5eb1b3E18": {
+      logoURL:
+        "https://cdn.discordapp.com/attachments/854131414316220449/965716390717833316/volt_primary_logo.png",
+    },
+    // gOHM
+    "0x0ab87046fbb341d058f17cbc4c1133f25a20a52f": {
+      symbol: "gOHM",
+    },
   },
   [ChainID.ARBITRUM]: {
     "0x17FC002b466eEc40DaE837Fc4bE5c67993ddBd6F": {
diff --git a/src/pages/turbo/safe/[id].tsx b/src/pages/turbo/safe/[id].tsx
index 2043483e..a0e73bcb 100644
--- a/src/pages/turbo/safe/[id].tsx
+++ b/src/pages/turbo/safe/[id].tsx
@@ -1,6 +1,8 @@
 import { NextPage } from "next";
 import TurboSafePage from "components/pages/Turbo/TurboSafePage/TurboSafePage";
 import { serverSideTranslations } from "next-i18next/serverSideTranslations";
+import { useRouter } from "next/router";
+import Head from "next/head";
 
 export async function getStaticProps({ locale }: { locale: string }) {
   return {
@@ -18,7 +20,28 @@ export const getStaticPaths = async () => {
 };
 
 const Page: NextPage = () => {
-  return <TurboSafePage />;
+  const {
+    query: { id },
+  } = useRouter();
+  return (
+    <>
+      <Head>
+        <title> Safe | Tribe Turbo</title>
+        <meta property="twitter:card" content="summary" />
+        <meta property="og:title" content={`Safe| Tribe Turbo`} />
+        <meta name="twitter:title" content={`Safe | Tribe Turbo`} />
+        <meta
+          property="og:url"
+          content={`https://app.rari.capital/turbo/safe/${id}`}
+        />
+        <meta property="og:image" content="/static/turbo/turbo2.png" />
+        <meta property="twitter:image" content="/static/turbo/turbo2.png" />
+        <meta property="og:description" content="Earn costless yield and boost FEI liquidity with Tribe Turbo." />
+        <meta property="twitter:description" content="Earn costless yield and boost liquidity with Tribe Turbo." />
+      </Head>
+      <TurboSafePage />
+    </>
+  );
 };
 
 export default Page;
