From 0d463e0f6c722b5c4ccd8f9fa6ece674546a812c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Chif=20Gerg=C5=91?= <chif.gergo@cloud.bme.hu>
Date: Fri, 28 Aug 2020 16:59:24 +0200
Subject: [PATCH] Add news component
---
.eslintrc.js | 5 +++++
src/News.tsx | 24 ++++++++++++++++++++++++
src/core/components/Footer.tsx | 2 +-
src/core/components/Header.tsx | 2 +-
4 files changed, 31 insertions(+), 2 deletions(-)
create mode 100644 src/News.tsx
diff --git a/.eslintrc.js b/.eslintrc.js
index ae5bc65..421d9e0 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -11,4 +11,9 @@ module.exports = {
env: {
browser: true,
},
+
+ rules: {
+ 'react/prop-types': 0,
+ '@typescript-eslint/explicit-function-return-type': 2,
+ },
};
diff --git a/src/News.tsx b/src/News.tsx
new file mode 100644
index 0000000..fad39ba
--- /dev/null
+++ b/src/News.tsx
@@ -0,0 +1,24 @@
+import { Grid, Typography } from '@material-ui/core';
+import React from 'react';
+
+interface NewsProps {
+ title: string;
+ content: string;
+ author: string;
+}
+
+const News: React.FC<NewsProps> = ({ title, content, author }) => (
+ <Grid container direction="column">
+ <Grid item>
+ <Typography variant="h6">{title}</Typography>
+ </Grid>
+ <Grid item>
+ <p>{content}</p>
+ </Grid>
+ <Grid item container justify="flex-end">
+ <Typography>{author}</Typography>
+ </Grid>
+ </Grid>
+);
+
+export default News;
diff --git a/src/core/components/Footer.tsx b/src/core/components/Footer.tsx
index 000b662..23bc3e2 100644
--- a/src/core/components/Footer.tsx
+++ b/src/core/components/Footer.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-const Footer = () => <div>Footer</div>;
+const Footer: React.FC = () => <div>Footer</div>;
export default Footer;
diff --git a/src/core/components/Header.tsx b/src/core/components/Header.tsx
index 11ab0b6..58490bd 100644
--- a/src/core/components/Header.tsx
+++ b/src/core/components/Header.tsx
@@ -1,5 +1,5 @@
import React from 'react';
-const Header = () => <div>Header</div>;
+const Header: React.FC = () => <div>Header</div>;
export default Header;
--
GitLab