fix(web): show back btn on trade page

cartridge-gg · Jul 18, 2023 · c1f16c2 · c1f16c2 · vercel · Jul 18, 2023
1 parent 8b7b1ab
commit c1f16c2
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 8 deletions.
diff --git a/web/src/components/Header.tsx b/web/src/components/Header.tsx
@@ -44,9 +44,6 @@ const Header = ({ back }: HeaderProps) => {
   const isMobile = IsMobile();
   const isMuted = useSoundStore((state) => state.isMuted);
   const isConnected = useUiStore((state) => state.isConnected);
-  const isBackButtonVisible = useUiStore((state) =>
-    state.isBackButtonVisible(router.pathname),
-  );
   const hasNewMessages = true;
 
   useEffect(() => {
@@ -82,7 +79,7 @@ const Header = ({ back }: HeaderProps) => {
       zIndex="1"
     >
       <HStack flex="1" justify="left">
-        {isBackButtonVisible && (
+        {back && (
           <HeaderButton onClick={() => router.back()}>
             <Arrow />
           </HeaderButton>
@@ -104,9 +101,7 @@ const Header = ({ back }: HeaderProps) => {
             <Divider orientation="vertical" borderColor="neon.600" h="12px" />
             <HStack>
               <Bag />
-              <Text>
-                {inventory}/{MAX_INVENTORY}
-              </Text>
+              <Text>{inventory}</Text>
             </HStack>
             <Divider orientation="vertical" borderColor="neon.600" h="12px" />
             <HStack>

diff --git a/web/src/components/Layout.tsx b/web/src/components/Layout.tsx
@@ -17,6 +17,7 @@ export interface LayoutProps {
   map: ReactNode;
   imageSrc: string;
   prefixTitle: string;
+  showBack?: boolean;
   children: ReactNode;
 }
 
@@ -27,11 +28,12 @@ const Layout = ({
   prefixTitle,
   map,
   imageSrc,
+  showBack,
   children,
 }: Partial<LayoutProps>) => {
   return (
     <>
-      <Header />
+      <Header back={showBack} />
       <Flex
         position="fixed"
         top="0"

diff --git a/web/src/pages/[gameId]/[locationSlug]/[drugSlug].tsx b/web/src/pages/[gameId]/[locationSlug]/[drugSlug].tsx
@@ -132,6 +132,7 @@ export default function Market() {
       title={drug.name}
       prefixTitle="The market"
       imageSrc="/images/dealer.png"
+      showBack={true}
     >
       <VStack w="100%" h="100%">
         <Card variant="pixelated" p={6} mb={6} _hover={{}}>