news & things

frontend/app/src/pages/AppRoutes.tsx

@@ -6,6 +6,8 @@ import DashboardPage from "./DashboardPage";
 import PropTypes from "prop-types";
 import NotFoundPage from "./NotFoundPage";
 import NewQueuePage from "./NewQueuePage";
+import NewsPage from "./NewsPage";
+import CreateNewsPage from "./CreateNewsPage";
 
 const AppRoutes = ({ children }: { children: ReactNode }) => {
   store.dispatch(getLocalToken());
@@ -18,6 +20,8 @@ const AppRoutes = ({ children }: { children: ReactNode }) => {
         <Route path="/" element={<MainPage />} />
         <Route path="/dashboard" element={<DashboardPage />} />
         <Route path="/dashboard/new" element={<NewQueuePage />} />
+        <Route path="/news" element={<NewsPage />} />
+        <Route path="/news/new" element={<CreateNewsPage />} />
         <Route path="*" element={<NotFoundPage />} />
       </Routes>
     </BrowserRouter>

frontend/app/src/pages/CreateNewsPage.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import "./styles.css";
+import { useSelector } from "react-redux";
+import { StorePrototype } from "../config/store";
+import CreateNewsCard from "../components/news/CreateNewsCard";
+import NotFoundPage from "./NotFoundPage";
+
+const CreateNewsPage = () => {
+  const user = useSelector((state: StorePrototype) => state.auth.user);
+  return user && user.username === "admin" ? (
+    <CreateNewsCard />
+  ) : (
+    <NotFoundPage />
+  );
+};
+
+export default CreateNewsPage;

frontend/app/src/pages/NewsPage.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import "./styles.css";
+import NewsListCard from "../components/news/NewsListCard";
+
+const NewsPage = () => {
+  return <NewsListCard />;
+};
+
+export default NewsPage;