feat: issues

src/components/Issue.tsx

@@ -0,0 +1,26 @@
+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>
+  );
+};