added better ui without orders

MathisZerbib · Jun 3, 2024 · 52504d3 · 52504d3
1 parent a271888
commit 52504d3
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 22 deletions.
diff --git a/src/App.tsx b/src/App.tsx
@@ -130,24 +130,25 @@ function App() {
                 selectedCurrency={selectedCurrency}
                 onCurrencyChange={handleCurrencyChange}
               />
-              <Button onClick={() => toggleDrawer(true)}>Orders</Button>
-            </div>
-            <div style={{ display: "flex", flexDirection: "column" }}>
-              <div
-                style={{ display: "flex", flexDirection: "row", gap: "10px" }}
-              >
-                <TonConnectButton />
-                <NetworkBadge
-                  network={
-                    network === CHAIN.MAINNET
-                      ? "mainnet"
-                      : network === CHAIN.TESTNET
-                      ? "testnet"
-                      : ""
-                  }
-                ></NetworkBadge>
+              {/* <Button onClick={() => toggleDrawer(true)}>Orders</Button> */}
+
+              <div style={{ display: "flex", flexDirection: "column" }}>
+                <div
+                  style={{ display: "flex", flexDirection: "row", gap: "10px" }}
+                >
+                  <TonConnectButton />
+                  <NetworkBadge
+                    network={
+                      network === CHAIN.MAINNET
+                        ? "mainnet"
+                        : network === CHAIN.TESTNET
+                        ? "testnet"
+                        : ""
+                    }
+                  ></NetworkBadge>
+                </div>
+                {/* {network && wallet && <WalletBalanceTon walletAddress={wallet} />} */}
               </div>
-              {/* {network && wallet && <WalletBalanceTon walletAddress={wallet} />} */}
             </div>
           </FlexBoxRowSpaceBetween>
           <WelcomeStore />

diff --git a/src/components/CurrencySwitcher.tsx b/src/components/CurrencySwitcher.tsx
@@ -27,14 +27,12 @@ const CurrencySwitcher: React.FC<CurrencySwitcherProps> = ({
   return (
     <StyledCurrencySwitcher>
       <div onClick={toggleDropdown} className="currency-title">
-        <span>{selectedCurrency}</span>
         <img
           src={`${selectedCurrency.toLowerCase()}.svg`}
           alt={`${selectedCurrency}`}
           style={{
             width: "20px",
             height: "20px",
-            marginLeft: "10px",
           }}
         />
       </div>
@@ -46,14 +44,12 @@ const CurrencySwitcher: React.FC<CurrencySwitcherProps> = ({
               onClick={() => handleCurrencyClick(currency.value)}
               className="currency-item"
             >
-              <span>{currency.label}</span>
               <img
                 src={`${currency.value.toLowerCase()}.svg`}
                 alt={`${currency.value}`}
                 style={{
                   width: "20px",
                   height: "20px",
-                  marginLeft: "10px",
                 }}
               />
             </li>
@@ -76,7 +72,6 @@ const StyledCurrencySwitcher = styled.div`
     border-radius: 5px;
     display: flex;
     align-items: center;
-    justify-content: space-between; /* Aligns items to opposite ends */
   }
 
   .currency-list {