Merge pull request #14 from sudaraka94/update-deps

Update deps

.github/workflows/deploy.yml

@@ -0,0 +1,12 @@
+name: Deploy Site
+on:
+  push:
+    branches:
+      - main
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Deploy react app to github pages 🚀
+        uses: tanwanimohit/[email protected]

package.json

@@ -1,32 +1,32 @@
 {
   "name": "vandana",
-  "version": "0.0.0",
+  "version": "1.0.0",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
     "serve": "vite preview"
   },
   "dependencies": {
-    "@emotion/react": "^11.5.0",
-    "@emotion/styled": "^11.3.0",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.5",
     "@material-ui/core": "^4.12.3",
-    "@mui/icons-material": "^5.0.5",
-    "@mui/material": "^5.0.6",
-    "@reduxjs/toolkit": "^1.6.2",
-    "axios": "^0.24.0",
-    "firebase": "^9.3.0",
+    "@mui/icons-material": "^5.15.15",
+    "@mui/material": "^5.15.15",
+    "@reduxjs/toolkit": "^2.2.3",
+    "axios": "^1.6.8",
+    "firebase": "^10.11.1",
     "history": "5",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "react-redux": "^7.2.6",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-redux": "^9.1.1",
     "react-router-dom": "6"
   },
   "devDependencies": {
-    "@types/history": "^4.7.9",
-    "@types/react": "^17.0.0",
-    "@types/react-dom": "^17.0.0",
+    "@types/history": "^4.7.11",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-refresh": "^1.3.1",
-    "typescript": "^4.3.2",
-    "vite": "^2.5.4"
+    "typescript": "^5.4.5",
+    "vite": "^5.2.10"
   }
 }

src/containers/Article.tsx

@@ -21,7 +21,7 @@ interface Article {
 }
 
 interface IArticleParams {
-  articleId: string | undefined;
+  articleId?: string;
 }
 
 const Article = () => {

src/containers/ArticleMenu.tsx

@@ -6,7 +6,7 @@ import Menu from "../components/Menu";
 import { useParams } from "react-router-dom";
 
 const ArticleMenu = () => {
-    const { collectionId }: { collectionId: string | undefined } = useParams();
+    const { collectionId }: { collectionId?: string } = useParams();
     const articles = collectionId ? useAppSelector(selectArticles(collectionId)) : {};
 
     return (