Replace references to "Sushi" with "Bao" for user-facing text #11 (#13)

* replace SUSHI with BAO and sushi emojis

* remove unused DisclaimerModal that references SUSHI

Co-authored-by: baomee-shi <git@baomeeshi.com>

Author: baomee-shi

src/App.tsx

@@ -2,7 +2,6 @@ import React, { useCallback, useEffect, useState } from 'react'
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom'
 import { ThemeProvider } from 'styled-components'
 import { UseWalletProvider } from 'use-wallet'
-import DisclaimerModal from './components/DisclaimerModal'
 import MobileMenu from './components/MobileMenu'
 import TopBar from './components/TopBar'
 import FarmsProvider from './contexts/Farms'
@@ -47,7 +46,6 @@ const App: React.FC = () => {
 					</Route>
 				</Switch>
 			</Router>
-			<Disclaimer />
 		</Providers>
 	)
 }
@@ -73,23 +71,4 @@ const Providers: React.FC = ({ children }) => {
 	)
 }
 
-const Disclaimer: React.FC = () => {
-	const markSeen = useCallback(() => {
-		localStorage.setItem('disclaimer', 'seen')
-	}, [])
-
-	const [onPresentDisclaimerModal] = useModal(
-		<DisclaimerModal onConfirm={markSeen} />,
-	)
-
-	useEffect(() => {
-		const seenDisclaimer = true // localStorage.getItem('disclaimer')
-		if (!seenDisclaimer) {
-			onPresentDisclaimerModal()
-		}
-	}, [])
-
-	return <div />
-}
-
 export default App

src/components/DisclaimerModal/DisclaimerModal.tsx

@@ -11,7 +11,7 @@ const Loader: React.FC<LoaderProps> = ({ text }) => {
 	return (
 		<StyledLoader>
 			<CardIcon>
-				<StyledSushi>🍣</StyledSushi>
+				<StyledSushi>🥟</StyledSushi>
 			</CardIcon>
 			{!!text && <StyledText>{text}</StyledText>}
 		</StyledLoader>

src/components/DisclaimerModal/index.ts

@@ -35,11 +35,11 @@ const AccountModal: React.FC<ModalProps> = ({ onDismiss }) => {
 				<div style={{ display: 'flex' }}>
 					<StyledBalanceWrapper>
 						<CardIcon>
-							<span>🍣</span>
+							<span>🥟</span>
 						</CardIcon>
 						<StyledBalance>
 							<Value value={getBalanceNumber(sushiBalance)} />
-							<Label text="SUSHI Balance" />
+							<Label text="BAO Balance" />
 						</StyledBalance>
 					</StyledBalanceWrapper>
 				</div>

src/components/Loader/Loader.tsx

@@ -15,7 +15,7 @@ const YamIcon: React.FC<YamIconProps> = ({ size = 36, v1, v2, v3 }) => (
 			filter: v1 ? 'saturate(0.5)' : undefined,
 		}}
 	>
-		🍣
+		🥟
 	</span>
 )