fix: re-enable hub homepage dropdown categories

reenables talks & roundtables and updates styling
subvisual · Oct 25, 2024 · ad9d958 · ad9d958
1 parent e207a15
commit ad9d958
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 10 deletions.
diff --git a/src/app/_blocks/HubContentGrid/NavBar/DropdownMenu/index.tsx b/src/app/_blocks/HubContentGrid/NavBar/DropdownMenu/index.tsx
@@ -80,10 +80,10 @@ export default function DropdownMenu({
               {/* TODO : Renable once pages are styled */}
          {/*     <li onClick={() => handleButtonClick('CaseStudies')}>
                 {iconMap['CaseStudies']} Case Studies
-              </li>
+              </li>*/}
               <li onClick={() => handleButtonClick('TalksAndRoundtables')}>
                 {iconMap['TalksAndRoundtables']} Talks & Roundtables
-              </li>*/}
+              </li>
             </ul>
           </div>
         </div>

diff --git a/src/app/_blocks/HubContentGrid/NavBar/DropdownMenu/styles.module.css b/src/app/_blocks/HubContentGrid/NavBar/DropdownMenu/styles.module.css
@@ -27,8 +27,8 @@
   border-left: 2px solid var(--dark-rock-800);
   background-color: white;
   margin-top: -8px;
-  margin-bottom: -40px;
   padding-top: 6px;
+  overflow: hidden;
 }
 
 .dropdownMenuContainer::after {

diff --git a/src/app/_blocks/HubContentGrid/NavBar/index.tsx b/src/app/_blocks/HubContentGrid/NavBar/index.tsx
@@ -17,8 +17,6 @@ export default function ContentNavBar({
   }
 
   return (
-    // todo: make whole button clickable?
-
     <div className={styles.contentNav}>
       <DropdownMenu activeButton={activeButton} onActiveButtonChange={handleButtonClick} />
 

diff --git a/src/app/_blocks/HubContentGrid/index.tsx b/src/app/_blocks/HubContentGrid/index.tsx
@@ -26,7 +26,7 @@ export default function HubContentGrid({ content }) {
   };
 
 
-  const dynamicColor = {
+  const dynamicStyles = {
     "--dynamic-color": colorMap[activeButton],
   } as React.CSSProperties
 
@@ -36,7 +36,7 @@ export default function HubContentGrid({ content }) {
   return (
     <div>
       <ContentNavBar activeButton={activeButton} onActiveButtonChange={handleActiveButtonChange} />
-      <div className={styles.contentGridContainer} style={dynamicColor}>
+      <div className={styles.contentGridContainer} style={dynamicStyles}>
         <div className={styles.contentGrid}>
           {filteredContent.map((article, i) => (
             <div className={styles.contentCard}>

diff --git a/src/app/_blocks/HubContentGrid/styles.module.css b/src/app/_blocks/HubContentGrid/styles.module.css
@@ -6,7 +6,6 @@
   margin: 40px auto;
   border-bottom-right-radius: 45px;
   border-bottom-left-radius: 45px;
-  border-top-right-radius: 45px;
   border: 1px solid var(--dark-rock-800);
   border-top: none;
   overflow: hidden;

diff --git a/src/app/_components/ArchiveButton/index.tsx b/src/app/_components/ArchiveButton/index.tsx
@@ -8,6 +8,7 @@ const iconMap = {
 }
 
 import styles from './styles.module.css'
+import Link from "next/link";
 
 function formatTitle(text: string) {
   return text
@@ -24,10 +25,10 @@ interface ArchiveButtonProps {
 
 export default function ArchiveButton({ collection, color }: ArchiveButtonProps) {
   return (
-    <a href={`/${collection}`} style={{ color: color || 'var(--dark-rock-800)' }}>
+    <Link href={`/${collection}`} style={{ color: color || 'var(--dark-rock-800)' }}>
       <h6 className={styles.container}>
         {iconMap[collection]} {formatTitle(collection)}
       </h6>
-    </a>
+    </Link>
   )
 }