1 files changed, 21 insertions, 0 deletions

diff --git a/frontend/src/components/news.js b/frontend/src/components/news.js
new file mode 100644
index 0000000..93e6be0
--- /dev/null
+++ b/frontend/src/components/news.js
@@ -0,0 +1,21 @@
+import React, { useEffect, useRef, useState } from 'react';
+import { useLocation, Link } from "react-router-dom";
+
+import "./news.css"
+
+export default function News({newsInfo}) {
+    // const { token } = prop
+    const [news, setNews] = React.useState(null);
+    const location = useLocation();
+
+    return (
+        <div className='news-container'>
+            <div className='news-title-header'>
+                <span className='news-title'>{newsInfo.title}</span>
+            </div>
+            <div className='news-description-div'>
+                <span className='description'>{newsInfo.short_description}</span>
+            </div>
+        </div>
+    )
+}
\ No newline at end of file