LumeWeb
/
skynet-webportal
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed the latest news link redirect in the news header

This commit is contained in:
Karol Wypchlo 2021-10-03 01:24:22 +02:00
parent 102239ab84
commit a845ea0f8c
No known key found for this signature in database
GPG Key ID: C92C016317A964D0
2 changed files with 17 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/website/src/components/NewsHeader/NewsHeader.js
View File

@ -12,6 +12,7 @@ const NewsHeader = () => {
id
frontmatter {
title
external
}
fields {
slug
@ -26,8 +27,9 @@ const NewsHeader = () => {
if (!latestNews) return null; // no news
const title = latestNews.node.frontmatter.title;
const link = { to: latestNews.node.fields.slug };
const { frontmatter, fields } = latestNews.node;
const { title, external } = frontmatter;
const link = external ? { href: external } : { to: fields.slug };
return (
<div className="bg-palette-500 px-8 p-3">

29
packages/website/src/pages/news.js
View File

@ -6,39 +6,36 @@ import { NewsSummary } from "../components/News";
import Link from "../components/Link";
import Seo from "../components/seo";
const NewsCard = ({ ...props }) => {
const linkProps = { to: !props.frontmatter.external && props.fields.slug, href: props.frontmatter.external };
const NewsCard = ({ frontmatter, fields }) => {
const { title, external, categories, description, thumbnail, avatar, author, date } = frontmatter;
const link = external ? { href: external } : { to: fields.slug };
return (
<div className="flex flex-col">
<Link {...linkProps} className="flex items-center">
<GatsbyImage image={getImage(props.frontmatter.thumbnail)} alt={props.frontmatter.title} />
<Link {...link} className="flex items-center">
<GatsbyImage image={getImage(thumbnail)} alt={title} />
</Link>
{props.frontmatter.categories && (
{categories && (
<div className="mt-6">
{props.frontmatter.categories.map((category) => (
{categories.map((category) => (
<Label key={category}>{category}</Label>
))}
</div>
)}
<Link {...linkProps} className="text-xl mt-6">
{props.frontmatter.title}
<Link {...link} className="text-xl mt-6">
{title}
</Link>
{props.frontmatter.description && (
<Link {...linkProps} className="font-content text-palette-400 mt-4">
{props.frontmatter.description}
{description && (
<Link {...link} className="font-content text-palette-400 mt-4">
{description}
</Link>
)}
<div className="mt-6">
<NewsSummary
avatar={props.frontmatter.avatar}
author={props.frontmatter.author}
date={props.frontmatter.date}
/>
<NewsSummary avatar={avatar} author={author} date={date} />
</div>
</div>
);