From 1f76ceebe1388147fccd32f6d2f211a5639630e4 Mon Sep 17 00:00:00 2001
From: matthewlilley <hello@matthewlilley.com>
Date: Mon, 5 Dec 2022 15:35:34 +0000
Subject: [PATCH] chore: disable deposit & borrow and add notice for kashi

---
 src/components/Header/Desktop.tsx             | 11 +++++++++
 src/components/Header/index.tsx               |  6 +----
 .../kashi/KashiMarket/KashiMarket.tsx         | 23 +++++++------------
 3 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/Header/Desktop.tsx b/src/components/Header/Desktop.tsx
index a42df4dd56..b00d473da2 100644
--- a/src/components/Header/Desktop.tsx
+++ b/src/components/Header/Desktop.tsx
@@ -76,6 +76,17 @@ const Desktop: FC = () => {
             </div>
           </Container>
         </nav>
+        <div className="relative bg-indigo-600">
+          <div className="px-3 py-3 mx-auto max-w-7xl sm:px-6 lg:px-8">
+            <div className="pr-16 sm:px-16 sm:text-center">
+              <p className="font-medium text-white">
+                <span className="hidden md:inline">
+                  Kashi 1.0 is being depreciated. Deposits and Borrows are disabled in the UI.
+                </span>
+              </p>
+            </div>
+          </div>
+        </div>
       </header>
       <div style={{ height: HEADER_HEIGHT + 48, minHeight: HEADER_HEIGHT }} />
     </>
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
index 331e339b12..d97342d167 100644
--- a/src/components/Header/index.tsx
+++ b/src/components/Header/index.tsx
@@ -7,11 +7,7 @@ import Desktop from './Desktop'
 const Header: FC = () => {
   const isDesktop = useDesktopMediaQuery()
 
-  return (
-    <>
-      {isDesktop ? <Desktop /> : <Mobile />}
-    </>
-  )
+  return <>{isDesktop ? <Desktop /> : <Mobile />}</>
 }
 
 export default Header
diff --git a/src/features/kashi/KashiMarket/KashiMarket.tsx b/src/features/kashi/KashiMarket/KashiMarket.tsx
index 67c7a186be..a6c992ed5d 100644
--- a/src/features/kashi/KashiMarket/KashiMarket.tsx
+++ b/src/features/kashi/KashiMarket/KashiMarket.tsx
@@ -1,14 +1,7 @@
 import { t } from '@lingui/macro'
 import { useLingui } from '@lingui/react'
-import QuestionHelper from 'app/components/QuestionHelper'
 import ToggleButtonGroup from 'app/components/ToggleButton'
-import Typography from 'app/components/Typography'
-import {
-  KashiMarketBorrowView,
-  KashiMarketDepositView,
-  KashiMarketRepayView,
-  KashiMarketWithdrawView,
-} from 'app/features/kashi/KashiMarket'
+import { KashiMarketRepayView, KashiMarketWithdrawView } from 'app/features/kashi/KashiMarket'
 import { SwapLayoutCard } from 'app/layouts/SwapLayout'
 import { useRouter } from 'next/router'
 import React, { FC, useState } from 'react'
@@ -26,7 +19,7 @@ export const KashiMarket: FC<KashiMarketProps> = () => {
   const { i18n } = useLingui()
   const router = useRouter()
 
-  const [view, setView] = useState((router.query.view as string) || KashiMarketView.BORROW)
+  const [view, setView] = useState((router.query.view as string) || KashiMarketView.REPAY)
 
   return (
     <SwapLayoutCard>
@@ -38,7 +31,7 @@ export const KashiMarket: FC<KashiMarketProps> = () => {
           variant="filled"
           className="flex flex-grow bg-dark-800"
         >
-          <ToggleButtonGroup.Button value={KashiMarketView.BORROW}>
+          {/* <ToggleButtonGroup.Button value={KashiMarketView.BORROW}>
             {i18n._(t`Borrow`)}
             <QuestionHelper
               gap={false}
@@ -53,9 +46,9 @@ export const KashiMarket: FC<KashiMarketProps> = () => {
                 </div>
               }
             />
-          </ToggleButtonGroup.Button>
+          </ToggleButtonGroup.Button> */}
           <ToggleButtonGroup.Button value={KashiMarketView.REPAY}>{i18n._(t`Repay`)}</ToggleButtonGroup.Button>
-          <ToggleButtonGroup.Button value={KashiMarketView.DEPOSIT}>
+          {/* <ToggleButtonGroup.Button value={KashiMarketView.DEPOSIT}>
             {i18n._(t`Deposit`)}
             <QuestionHelper
               gap={false}
@@ -70,12 +63,12 @@ export const KashiMarket: FC<KashiMarketProps> = () => {
                 </div>
               }
             />
-          </ToggleButtonGroup.Button>
+          </ToggleButtonGroup.Button> */}
           <ToggleButtonGroup.Button value={KashiMarketView.WITHDRAW}>{i18n._(t`Withdraw`)}</ToggleButtonGroup.Button>
         </ToggleButtonGroup>
-        {view === KashiMarketView.BORROW && <KashiMarketBorrowView />}
+        {/* {view === KashiMarketView.BORROW && <KashiMarketBorrowView />} */}
         {view === KashiMarketView.REPAY && <KashiMarketRepayView />}
-        {view === KashiMarketView.DEPOSIT && <KashiMarketDepositView />}
+        {/* {view === KashiMarketView.DEPOSIT && <KashiMarketDepositView />} */}
         {view === KashiMarketView.WITHDRAW && <KashiMarketWithdrawView />}
       </div>
     </SwapLayoutCard>