diff --git a/overrides/home/component.tsx b/overrides/home/component.tsx index df7792dcd..21a97d498 100644 --- a/overrides/home/component.tsx +++ b/overrides/home/component.tsx @@ -1,9 +1,10 @@ -import React from "$veda-ui/react"; +import React, { useState } from "$veda-ui/react"; import { NavLink } from "$veda-ui/react-router-dom"; import styled from "$veda-ui/styled-components"; import { glsp, themeVal, media } from "$veda-ui/@devseed-ui/theme-provider"; import { Button } from "$veda-ui/@devseed-ui/button"; -import { CollecticonArrowRight } from "$veda-ui/@devseed-ui/collecticons"; +import { getString } from 'veda'; +import { CollecticonArrowRight, CollecticonXmarkSmall } from "$veda-ui/@devseed-ui/collecticons"; import Hug from "$veda-ui-scripts/styles/hug"; import { VarHeading } from "$veda-ui-scripts/styles/variable-components"; import { variableGlsp } from "$veda-ui-scripts/styles/variable-utils"; @@ -85,9 +86,38 @@ const InfoCalloutHeadline = styled.div` } `; + export default function HomeComponent() { + function showBanner() { + return !document.cookie.split('; ').filter(row => row.startsWith('showBanner=')).map(c=>c.split('=')[1])[0]; + } + + const [ showTempBanner, setShowTempBanner ] = useState(showBanner()); return ( - <> + <> { + (showTempBanner && getString('tempBanner')?.other) && +
+ }