show bg-main color instead of banner outside of home and opportunities

AngleProtocol · Dec 5, 2024 · 73c3808 · 73c3808
1 parent a599a67
commit 73c3808
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 4 deletions.
diff --git a/src/components/composite/Hero.tsx b/src/components/composite/Hero.tsx
@@ -42,17 +42,29 @@ export default function Hero({
   tabs,
   children,
 }: HeroProps) {
+  console.log(location?.pathname);
   return (
     <>
       {/* TODO: Align lines & descriptions on all pages  */}
       {/* TODO: On sub-pages (all pages except Opportunities): Replace the banner by a color  */}
       <Group
-        className="flex-row justify-between aspect-[1440/440] bg-cover bg-no-repeat xl:aspect-auto xl:min-h-[400px]"
-        style={{ backgroundImage: `url('${config.images.hero}')` }}
+        className={`${
+          location?.pathname === "/" ||
+          location?.pathname.includes("opportunities")
+            ? "bg-cover"
+            : "bg-main-6"
+        } flex-row justify-between bg-no-repeat xl:aspect-auto xl:min-h-[350px] aspect-[1440/350]`}
+        style={{
+          backgroundImage:
+            location?.pathname === "/" ||
+            location?.pathname.includes("opportunities")
+              ? `url('${config.images.hero}')`
+              : "none",
+        }}
       >
         <Container>
           <Group className="flex-col h-full py-xl gap-xl lg:gap-xs">
-            <Group className="items-center">
+            <Group className="items-center" size="sm">
               {/* TODO: Build dynamic breadcrumbs */}
               <Button to={navigation?.link} look="soft" size="xs">
                 Home

diff --git a/src/routes/_merkl.users.$address.tsx b/src/routes/_merkl.users.$address.tsx
@@ -79,7 +79,7 @@ export default function Index() {
       navigation={{ label: "Back to opportunities", link: "/" }}
       title={
         <Group className="w-full gap-xl md:gap-xl*4 items-center">
-          {/* TODO: Make it dynamic this */}
+          {/* TODO: Make it dynamic */}
           <Group className="flex-col">
             <Value format="$0,0.0a" size={2} className="text-main-12">
               {earned}