- sort by tier by default

- styling
BibliothecaDAO · Oct 26, 2023 · ee30419 · ee30419 · vercel · Oct 26, 2023
1 parent 6333316
commit ee30419
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/ui/src/app/components/marketplace/MarketplaceTable.tsx b/ui/src/app/components/marketplace/MarketplaceTable.tsx
@@ -1,4 +1,4 @@
-import { useState, useMemo } from "react";
+import { useState, useMemo, useEffect } from "react";
 import MarketplaceRow from "@/app/components/marketplace/MarketplaceRow";
 import { Item, UpgradeStats, ItemPurchase } from "@/app/types";
 import { getItemData, getKeyFromValue } from "@/app/lib/utils";
@@ -95,6 +95,10 @@ const MarketplaceTable = ({
     return sortedItems;
   }, [marketLatestItems, sortField, sortDirection]);
 
+  useEffect(() => {
+    handleSort("Tier");
+  }, []);
+
   return (
     <>
       <table

diff --git a/ui/src/app/components/upgrade/PurchaseHealth.tsx b/ui/src/app/components/upgrade/PurchaseHealth.tsx
@@ -68,7 +68,7 @@ const PurchaseHealth = ({
   }, [potionAmount, buttonClicked]);
 
   return (
-    <div className="flex flex-col sm:flex-row items-center">
+    <div className="flex flex-col sm:flex-row gap-5 items-center">
       <span className="flex flex-row">
         <CoinIcon className="mt-1 w-5 h-5 fill-current text-terminal-yellow" />
         <p className="text-terminal-yellow">{potionCost}</p>

diff --git a/ui/src/app/containers/UpgradeScreen.tsx b/ui/src/app/containers/UpgradeScreen.tsx
@@ -508,7 +508,7 @@ export default function UpgradeScreen({
                   {upgradeScreen === 2 && (
                     <div
                       className="flex
-                     sm:flex-row items-center justify-center flex-wrap border border-terminal-green p-2 h-1/6"
+                     sm:flex-row items-center justify-center flex-wrap border border-terminal-green p-2 h-full sm:h-1/6"
                     >
                       {/* <h4>Potions</h4> */}
                       <PurchaseHealth