Feat: ecosystem update

content/site.json

@@ -29,98 +29,104 @@
           "link": "https://portal.euprogigant.io/",
           "description": "Gaia-X Lighthouse EuProGigant is the first funded binational industrial project with the practical implementation of the Gaia-X principles.",
           "image": "euprogigant-logo.webp",
-          "category": "manufacturing"
+          "category": "manufacturing",
+          "isLive": true
         },
         {
           "name": "GX4FM moveID",
           "link": "https://portal.moveid.eu/",
           "description": "Gaia-X Lighthouse Gaia-X 4 Future Mobility aims to develop a decentralized digital mobility identity infrastructure for Europe.",
           "image": "gx4fm_moveid.webp",
-          "category": "mobility"
+          "category": "mobility",
+          "isLive": true
         },
         {
           "name": "COOPERANTS",
           "link": "https://cooperants.pontus-x.eu/",
           "description": "Gaia-X Lighthouse COOPERANTS is the collaborative alliance in the Aeronautics and space sector that solves pressing digital collaboration problems by creating a common data space.",
           "image": "cooperants-logo.webp",
-          "category": "manufacturing"
+          "category": "manufacturing",
+          "isLive": true
         },
         {
           "name": "Airbus",
           "link": "https://airbus.pontus-x.eu/",
           "description": "For those who make this world a safer place. We pioneer defense and space for their mission success.",
           "image": "airbus-logo.webp",
-          "category": "manufacturing"
+          "category": "manufacturing",
+          "isLive": true
         },
         {
           "name": "Service-Meister",
           "link": "https://servicemeister.pontus-x.eu/",
           "description": "An AI-based Service Ecosystem for Technical Service in the Age of Industry 4.0.",
           "image": "service-meister-logo.webp",
-          "category": "AI"
+          "category": "AI",
+          "isLive": true
         },
         {
           "name": "Berlin State Library",
           "link": "https://sbb.pontus-x.eu/",
           "description": "Explore the Open Science Ecosystem, a collaboration of libraries, universities, and science pioneers under Gaia-X principles for limitless shared knowledge.",
           "image": "sbb-logo.webp",
-          "category": "language models"
+          "category": "language models",
+          "isLive": true
         },
         {
           "name": "Flex4Res",
           "link": "https://flex4res.pontus-x.eu/",
           "description": "Flex4Res stands for Data spaces for FLEXible production lines and supply chains FOR RESilient manufacturing. Flex4Res develops an open platform for secure and sovereign data exchange",
           "image": "flex4res-logo.webp",
-          "category": "manufacturing"
+          "category": "manufacturing",
+          "isLive": true
         },
         {
           "name": "Future Mobility Marketplace",
           "link": "https://marketplace.future-mobility-alliance.org/",
           "description": "Find or publish datasets and AI algorithms for solving challenges in mobility.",
           "image": "fmdm-logo.webp",
-          "category": "mobility"
+          "category": "mobility",
+          "isLive": true
         },
         {
           "name": "EnergySHR",
           "link": "https://www.energyshr.nl/",
           "description": "A platform for sharing (SHR) datasets and AI algorithms that contribute to solving challenges of the energy transition.",
           "image": "energy-shr-logo.webp",
-          "category": "energy"
+          "category": "energy",
+          "isLive": true
         },
         {
           "name": "Clinical Insights Exchange",
           "link": "https://cix.triall.io/",
           "description": "A federated data platform to change clinical data assets and analytics services in a trusted, privacy-friendly environment.",
           "image": "clinical-insights-exchange-logo.webp",
-          "category": "health"
+          "category": "health",
+          "isLive": true
         },
         {
           "name": "UdL Research Data Space",
           "link": "https://dataspace.angliru.udl.cat/",
           "description": "An open research platform following the FAIR guiding principles of findability, accessibility, interoperability and reusability, while guaranteeing data sovereignty.",
           "image": "udl-logo.webp",
-          "category": "agriculture"
-        },
-        {
-          "name": "Under Construction: Dione-X",
-          "link": "https://dione-x.de/en/",
-          "description": "Secure and efficient data spaces for the machining value network and industry 4.0.",
-          "image": "dione-x-logo.webp",
-          "category": "manufacturing"
+          "category": "agriculture",
+          "isLive": true
         },
         {
           "name": "Under Construction: ACCURATE",
           "link": "https://ec.europa.eu/info/funding-tenders/opportunities/portal/screen/how-to-participate/org-details/999999999/project/101138269/program/43108390/details",
           "description": "Gaia-X Lighthouse ACCURATE aims to boost the competitiveness of European manufacturing companies with DSS and Manufacturing as a Service frameworks. ",
           "image": "accurate-logo.webp",
-          "category": "manufacturing"
+          "category": "manufacturing",
+          "isLive": false
         },
         {
           "name": "deltaDAO AI marketplace",
           "link": "https://market.delta-dao.com/",
           "description": "With deltaDAO's AI Marketplace, you have the freedom to decide how your AI service is offered. By keeping your AI private, you retain full control and do not disclose your valuable IP.",
           "image": "deltadao-logo.webp",
-          "category": "AI"
+          "category": "AI",
+          "isLive": false
         }
       ]
     }

src/@context/MarketMetadata/_types.ts

@@ -52,12 +52,14 @@ export interface SiteContent {
       description?: string
       image?: string
       category?: string
+      isLive?: boolean
       subItems?: {
         name: string
         link: string
         description?: string
         image?: string
         category?: string
+        isLive?: boolean
       }[]
     }[]
   }[]

src/components/@shared/MenuDropdown/index.tsx

@@ -40,17 +40,13 @@ export default function MenuDropdown({
       content={
         <ul>
           {items.map((item, i) => {
-            const { name, link, subItems } = item
+            const { name, subItems } = item
             return (
               <li key={`${name}-${i}`}>
                 {subItems && subItems.length > 0 ? (
                   <MenuDropdown label={name} items={subItems} />
                 ) : (
-                  <MenuLink
-                    name={name}
-                    link={link}
-                    className={styles.subItem}
-                  />
+                  <MenuLink {...item} className={styles.subItem} />
                 )}
               </li>
             )

src/components/Header/Menu.tsx

@@ -11,7 +11,6 @@ import MenuDropdown from '@components/@shared/MenuDropdown'
 import SearchButton from './SearchButton'
 import Button from '@components/@shared/atoms/Button'
 import UserPreferences from './UserPreferences'
-import { useAutomation } from '../../@context/Automation/AutomationProvider'
 import Automation from './UserPreferences/Automation'
 const Wallet = loadable(() => import('./Wallet'))
 
@@ -25,9 +24,10 @@ declare type MenuItem = {
   image?: string
   category?: string
   className?: string
+  isLive?: boolean
 }
 
-export function MenuLink({ name, link, className }: MenuItem) {
+export function MenuLink({ name, link, className, isLive }: MenuItem) {
   const router = useRouter()
 
   const basePath = router?.pathname.split(/[/?]/)[1]
@@ -39,7 +39,9 @@ export function MenuLink({ name, link, className }: MenuItem) {
     [className]: className
   })
 
-  return (
+  return isLive === false ? (
+    <></>
+  ) : (
     <Button
       className={classes}
       {...(link.startsWith('/') ? { to: link } : { href: link })}
@@ -52,8 +54,6 @@ export function MenuLink({ name, link, className }: MenuItem) {
 export default function Menu(): ReactElement {
   const { appConfig, siteContent } = useMarketMetadata()
 
-  const { setIsAutomationEnabled } = useAutomation()
-
   return (
     <nav className={styles.menu}>
       <Link href="/" className={styles.logo}>

src/components/Home/Ecosystem/Card.tsx

@@ -8,24 +8,28 @@ export default function Card({
   description,
   image,
   link,
-  title
+  title,
+  live
 }: {
   category: string
   description: string
   image: string
   link: string
   title: string
+  live: boolean
 }) {
   return (
     <div className={styles.container}>
       <div className={styles.header}>
         <Badge label={category} />
-        <div className={styles.indicatorContainer}>
-          <div className={styles.indicator}>
-            <div className={styles.indicatorPulse} />
+        {live && (
+          <div className={styles.indicatorContainer}>
+            <div className={styles.indicator}>
+              <div className={styles.indicatorPulse} />
+            </div>
+            <span>Live</span>
           </div>
-          <span>Live</span>
-        </div>
+        )}
       </div>
       <div className={styles.logoContainer}>
         <img
@@ -39,9 +43,15 @@ export default function Card({
           <h1 className={styles.title}>{title}</h1>
           <div className={styles.details}>
             <Markdown className={styles.description} text={description} />
-            <Button href={link} style="primary" size="small">
-              Go to Portal
-            </Button>
+            {live ? (
+              <Button href={link} style="primary" size="small">
+                Go to Portal
+              </Button>
+            ) : (
+              <Button disabled style="text" size="small">
+                Coming soon
+              </Button>
+            )}
           </div>
         </div>
       </div>

src/components/Home/Ecosystem/index.tsx

@@ -18,6 +18,7 @@ export default function Ecosystem() {
           image={portal.image}
           link={portal.link}
           title={portal.name}
+          live={portal.isLive}
         />
       ))}
     </div>