announcement bar
This commit is contained in:
parent
bb6751008c
commit
a868130231
|
@ -26,23 +26,19 @@ const NewsHeader = () => {
|
||||||
|
|
||||||
if (!latestNews) return null; // no news
|
if (!latestNews) return null; // no news
|
||||||
|
|
||||||
// hardcoded news for now
|
const title = latestNews.node.frontmatter.title;
|
||||||
const CURRENT_NEWS_URL =
|
const link = { to: latestNews.node.fields.slug };
|
||||||
"https://blog.sia.tech/mysky-your-home-on-the-global-operating-system-of-the-future-5a288f89825c";
|
|
||||||
const CURRENT_NEWS_TXT = "MySky: Your Home on the Global Operating System of the Future";
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="bg-palette-500 px-8 p-3">
|
<div className="bg-palette-500 px-8 p-3">
|
||||||
<div className="max-w-layout mx-auto">
|
<div className="max-w-layout mx-auto">
|
||||||
<div className="flex justify-between">
|
<div className="flex justify-between">
|
||||||
<Link
|
<Link
|
||||||
// to={latestNews.node.fields.slug}
|
{...link}
|
||||||
href={CURRENT_NEWS_URL}
|
|
||||||
className="text-palette-300 font-content leading-8 flex items-center overflow-hidden text-base hover:text-primary transition-colors duration-200"
|
className="text-palette-300 font-content leading-8 flex items-center overflow-hidden text-base hover:text-primary transition-colors duration-200"
|
||||||
>
|
>
|
||||||
<ArrowRight className="mr-2 flex-shrink-0 fill-current text-primary" />
|
<ArrowRight className="mr-2 flex-shrink-0 fill-current text-primary" />
|
||||||
{/* <span className="truncate">{latestNews.node.frontmatter.title}</span> */}
|
<span className="truncate">{title}</span>
|
||||||
<span className="truncate">{CURRENT_NEWS_TXT}</span>
|
|
||||||
</Link>
|
</Link>
|
||||||
|
|
||||||
<div className="ml-auto items-center pl-8 hidden desktop:block">
|
<div className="ml-auto items-center pl-8 hidden desktop:block">
|
||||||
|
|
Reference in New Issue