chore: update stamp card & update background gradient on home page & …

…update data format: api/v2/balance/{address}
stampchain-io · Jan 13, 2025 · 58de6ec · 58de6ec
1 parent c5526f7
commit 58de6ec
Show file tree

Hide file tree

Showing 6 changed files with 24 additions and 2 deletions.
diff --git a/islands/stamp/StampCard.tsx b/islands/stamp/StampCard.tsx
@@ -108,12 +108,14 @@ export function StampCard({
   showDetails = true,
   showMinDetails = false,
   variant = "default",
+  fromPage,
 }: {
   stamp: StampWithSaleData;
   isRecentSale?: boolean;
   showDetails?: boolean;
   showMinDetails?: boolean;
   variant?: "default" | "grey";
+  fromPage?: string;
 }) {
   // Add window size hook
   const { width } = useWindowSize();
@@ -344,6 +346,11 @@ export function StampCard({
           bg-stamp-card-bg
         `}
       >
+        {fromPage && fromPage === "stamp" && (
+          <div className="absolute top-0 right-0 w-[31px] h-[31px] z-10 rounded-[3px] bg-[#1F002E] p-[3px] desktop:block hidden">
+            <img className="" src="/img/stamp/atom.svg" />
+          </div>
+        )}
         <div class="relative w-full h-full">
           <div class="aspect-stamp w-full h-full overflow-hidden flex items-center justify-center">
             {renderContent()}

diff --git a/islands/stamp/StampContent.tsx b/islands/stamp/StampContent.tsx
@@ -5,6 +5,7 @@ import { Pagination } from "$islands/datacontrol/Pagination.tsx";
 interface StampContentProps {
   stamps: StampRow[];
   isRecentSales?: boolean;
+  fromPage?: string;
   pagination?: {
     page: number;
     totalPages: number;
@@ -17,6 +18,7 @@ export function StampContent({
   stamps,
   isRecentSales = false,
   pagination,
+  fromPage,
 }: StampContentProps) {
   return (
     <div class="w-full pt-3 pb-12 mobileMd:pt-6 mobileMd:pb-[72px]">
@@ -30,6 +32,7 @@ export function StampContent({
             isRecentSale={isRecentSales}
             showDetails={true}
             variant="grey"
+            fromPage={fromPage}
           />
         ))}
       </div>

diff --git a/routes/_app.tsx b/routes/_app.tsx
@@ -139,7 +139,15 @@ export default function App({ Component, state }: PageProps<unknown>) {
       </Head>
 
       <body class="relative bg-stamp-bg-grey-darkest min-h-screen overflow-x-hidden overflow-hidden">
-        <div class="bgGradientTop contain-layout" />
+        {state?.route !== "/"
+          ? <div class="bgGradientTop contain-layout" />
+          : (
+            <>
+              <div class="bgGradientTop contain-layout desktop:hidden block" />
+              <div class="bgGradientTopLeft desktop:block hidden" />
+              <div class="bgGradientTopRight desktop:block hidden" />
+            </>
+          )}
         <div class="bgGradientBottom contain-layout" />
 
         <div class="absolute inset-0 bg-gradient-to-b from-transparent via-stamp-dark-DEFAULT/50 to-transparent z-[1] contain-paint" />

diff --git a/routes/_middleware.ts b/routes/_middleware.ts
@@ -40,6 +40,7 @@ export async function handler(
 ) {
   const startTime = performance.now();
   const url = new URL(req.url);
+  ctx.state.route = url.pathname;
   ctx.state.baseUrl = getBaseUrl(req);
 
   if (API_ROUTES.some((prefix) => url.pathname.startsWith(prefix))) {

diff --git a/server/controller/src20Controller.ts b/server/controller/src20Controller.ts
@@ -71,7 +71,7 @@ export class Src20Controller {
       };
 
       // Process data with mint progress if requested
-      let processedData = rawData.length > 1 ? [...rawData]: [rawData];
+      let processedData = rawData.length > 1 ? [...rawData]: rawData;
 
       if (balanceParams.includeMintData) {
         const ticks = processedData.map(row => row.tick).filter(Boolean);

diff --git a/static/img/stamp/atom.svg b/static/img/stamp/atom.svg