UI improvements

kscalelabs · Nov 15, 2024 · cdb94d0 · cdb94d0
1 parent 996ef65
commit cdb94d0
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/frontend/src/components/pages/Profile.tsx b/frontend/src/components/pages/Profile.tsx
@@ -293,13 +293,15 @@ export const RenderProfile = (props: RenderProfileProps) => {
               <p>You must complete seller onboarding to sell robots</p>
             )}
           </div>
-          <div className="flex gap-2 mb-8">
-            <Button
-              onClick={() => navigate(ROUTES.ORDERS.path)}
-              variant="outline"
-            >
-              Orders
-            </Button>
+          <div className="flex sm:flex-row flex-col gap-2 mb-8">
+            <Tooltip content="View your orders" position="bottom">
+              <Button
+                onClick={() => navigate(ROUTES.ORDERS.path)}
+                variant="outline"
+              >
+                Orders
+              </Button>
+            </Tooltip>
             {!user.stripe_connect_account_id ? (
               <Tooltip content="Start selling on K-Scale" position="bottom">
                 <Button

diff --git a/frontend/src/components/pages/SellerDashboard.tsx b/frontend/src/components/pages/SellerDashboard.tsx
@@ -46,21 +46,15 @@ export default function SellerDashboard() {
         <h1 className="text-3xl font-bold my-4">Seller Dashboard</h1>
 
         <h2 className="text-lg font-semibold mb-2">Account Status</h2>
-        <div className="flex gap-2 bg-gray-11 text-gray-1 px-3 py-2 items-center rounded-lg">
+        <div className="flex gap-2 bg-gray-11 text-gray-1 px-3 py-2 items-start sm:items-center rounded-lg">
           <Check />
           <p>
             Your K-Scale seller account is active and ready to receive payments.
           </p>
         </div>
 
         <div className="mt-8">
-          <div className="flex gap-2 items-center">
-            <Button
-              variant="outline"
-              onClick={() => navigate(ROUTES.BOTS.SELL.path)}
-            >
-              Sell a Robot on K-Scale
-            </Button>
+          <div className="flex sm:flex-row flex-col gap-2 items-start sm:items-center">
             <a
               href={`https://dashboard.stripe.com/${auth.currentUser?.stripe_connect_account_id}`}
               target="_blank"
@@ -69,6 +63,12 @@ export default function SellerDashboard() {
             >
               Open Stripe Dashboard
             </a>
+            <Button
+              variant="outline"
+              onClick={() => navigate(ROUTES.BOTS.SELL.path)}
+            >
+              Sell a Robot on K-Scale
+            </Button>
           </div>
         </div>
       </div>