refactor: remove "back" usage where not necessary

Telegram-Mini-Apps · Oct 12, 2024 · cec0585 · cec0585
1 parent 9d191a1
commit cec0585
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Page/Page.jsx b/src/components/Page/Page.jsx
@@ -1,4 +1,4 @@
-import { createEffect } from 'solid-js';
+import { createEffect, createMemo } from 'solid-js';
 import { backButton } from '@telegram-apps/sdk-solid';
 
 import { useNavigate } from '@solidjs/router';
@@ -7,9 +7,10 @@ import './Page.css';
 
 export function Page(props) {
   const navigate = useNavigate();
+  const back = createMemo(() => typeof props.back === 'boolean' ? props.back : true);
 
   createEffect(() => {
-    if (props.back) {
+    if (back()) {
       backButton.show();
       return backButton.onClick(() => {
         navigate(-1);

diff --git a/src/pages/IndexPage/IndexPage.jsx b/src/pages/IndexPage/IndexPage.jsx
@@ -9,7 +9,7 @@ import './IndexPage.css';
 
 export function IndexPage() {
   return (
-    <Page title="Home Page" back>
+    <Page title="Home Page" back={false}>
       <p>
         This page is a home page in this boilerplate. You can use the links below to visit other
         pages with their own functionality.

diff --git a/src/pages/InitDataPage/InitDataPage.jsx b/src/pages/InitDataPage/InitDataPage.jsx
@@ -87,7 +87,6 @@ export function InitDataPage() {
 
   return (
     <Page
-      back
       title="Init Data"
       disclaimer={(
         <>

diff --git a/src/pages/LaunchParamsPage.jsx b/src/pages/LaunchParamsPage.jsx
@@ -9,7 +9,6 @@ export function LaunchParamsPage() {
 
   return (
     <Page
-      back
       title="Launch Params"
       disclaimer={(
         <>

diff --git a/src/pages/ThemeParamsPage.jsx b/src/pages/ThemeParamsPage.jsx
@@ -9,7 +9,6 @@ export function ThemeParamsPage() {
 
   return (
     <Page
-      back
       title="Theme Params"
       disclaimer={(
         <>

diff --git a/src/pages/TonConnectPage/TonConnectPage.jsx b/src/pages/TonConnectPage/TonConnectPage.jsx
@@ -12,7 +12,7 @@ export function TonConnectPage() {
   const wallet = useTonWallet();
 
   return (
-    <Page title="TON Connect" back>
+    <Page title="TON Connect">
       <Show
         when={wallet()}
         fallback={