27 lines
539 B
TypeScript
27 lines
539 B
TypeScript
import type { IssueType } from "../types/issues"
|
|
|
|
import styled from 'styled-components';
|
|
import {TitleLink} from "./NewsArticle";
|
|
|
|
|
|
export const IssueHeader = styled.div`
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: flex-start;
|
|
margin-bottom: 0.75rem;
|
|
`;
|
|
|
|
|
|
export const Issue = ({ issue }: { issue: IssueType }) => {
|
|
return (
|
|
<IssueHeader>
|
|
<a href={`https://git.boomjacky.art/boomjacky/trainhour/issues/${issue.id}`}>
|
|
<TitleLink>
|
|
{issue.title}
|
|
|
|
</TitleLink>
|
|
</a>
|
|
</IssueHeader>
|
|
);
|
|
};
|