Rename TONSpace to TONWallet and update references

Author: IlyaGrshin

src/pages/prototypes/ColorAssetPage/index.js

@@ -25,7 +25,7 @@ const fetchAssets = async () => {
 const assetsResource = fetchAssets()
 
 function Banner({ name }) {
-    const BannerText = `Currently, ${name} can only be purchased, held and sold within Wallet. It is not possible to transfer, receive or withdraw ${name} externally.`
+    const BannerText = `Currently, ${name} can only be purchased, held and sold within Crypto Wallet. It is not possible to transfer, receive or withdraw ${name} externally.`
     return (
         <div className={styles.bannerContainer}>
             <Text

src/pages/prototypes/NewNavigation/components/PageContent/index.js

@@ -2,16 +2,16 @@ import PropTypes from "prop-types"
 import { motion, AnimatePresence } from "motion/react"
 import * as styles from "./PageContent.module.scss"
 import Wallet from "../../../Wallet"
-import TONSpace from "../../../TS"
+import TONWallet from "../../../TS"
 
 export default function PageContent({ view }) {
     let content
     switch (view) {
         case "wallet":
             content = <Wallet />
             break
-        case "tonspace":
-            content = <TONSpace />
+        case "tonwallet":
+            content = <TONWallet />
             break
         default:
             content = <Wallet />

src/pages/prototypes/NewNavigation/hooks/useSegmentNavigation.js

@@ -18,7 +18,7 @@ export const useSegmentNavigation = () => {
     })
 
     const handleSegmentChange = (index) => {
-        const newView = index === 1 ? "tonspace" : "wallet"
+        const newView = index === 1 ? "tonwallet" : "wallet"
 
         setView(newView)
         setActiveSegment(index)

src/pages/prototypes/TS Skeleton/index.js

@@ -5,7 +5,7 @@ import Page from "../../../components/Page"
 import "./index.css"
 import WebApp from "@twa-dev/sdk"
 
-function TonSpaceSkeleton() {
+function TonWalletSkeleton() {
     useEffect(() => {
         if (WebApp.initData) {
             WebApp.setHeaderColor("#131314")
@@ -23,4 +23,4 @@ function TonSpaceSkeleton() {
     )
 }
 
-export default TonSpaceSkeleton
+export default TonWalletSkeleton

src/pages/prototypes/TS/components/FAQ/index.js

@@ -3,9 +3,9 @@ import SectionList from "../../../../../components/SectionList"
 
 export default function FAQ() {
     const questions = [
-        "What is Wallet Earn? How does it work?",
+        "What is Crypto Wallet Earn? How does it work?",
         "How are rewards assigned? Can I withdraw them early?",
-        "Can I withdraw only a part of my USDT from Wallet Earn and continue to use it?",
+        "Can I withdraw only a part of my USDT from Crypto Wallet Earn and continue to use it?",
     ]
 
     return (

src/pages/prototypes/TS/index.js

@@ -1,4 +1,3 @@
-
 import Page from "../../../components/Page"
 import SectionList from "../../../components/SectionList"
 
@@ -9,7 +8,7 @@ import Collectibles from "./components/Collectibles"
 import Activity from "./components/Activity"
 import FAQ from "./components/FAQ"
 
-function TONSpace() {
+function TONWallet() {
     return (
         <Page headerColor="131314" backgroundColor="131314">
             <div className="ton-space">
@@ -26,4 +25,4 @@ function TONSpace() {
     )
 }
 
-export default TONSpace
+export default TONWallet

src/pages/prototypes/TabBar/index.js

@@ -27,7 +27,7 @@ import { BackButton } from "@twa-dev/sdk/react"
 
 const tabs = [
     {
-        label: "Wallet",
+        label: "Crypto Wallet",
         path: "/tabbar/",
         icon: <WalletIcon />,
         view: <Wallet />,

src/router/index.js

@@ -7,7 +7,7 @@ import PageTransition from "../components/PageTransition"
 
 import UI from "../pages/UI"
 import Wallet from "../pages/prototypes/Wallet"
-import TONSpace from "../pages/prototypes/TS"
+import TONWallet from "../pages/prototypes/TS"
 import Onboarding from "../pages/prototypes/Onboarding"
 import NewNavigation from "../pages/prototypes/NewNavigation"
 import ColorChanging from "../pages/prototypes/ColorChanging"
@@ -36,7 +36,7 @@ const Routes = () => (
     <Switch>
         <Route path="/" component={UI} />
         <Route path="/wallet" component={Wallet} />
-        <Route path="/tonspace" component={TONSpace} />
+        <Route path="/tonwallet" component={TONWallet} />
         <Route path="/onboarding" component={Onboarding} />
         <Route path="/newnavigation" component={NewNavigation} />
         <Route path="/colorchanging" component={ColorChanging} />