Fixed pages

declaration.d.ts

@@ -0,0 +1,7 @@
+declare module "*.jpg";
+declare module "*.jpeg";
+declare module "*.png";
+declare module "*.svg";
+declare module "*.module.css";
+declare module "*.module.scss";
+declare module "*.json";

jsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "jsx": "react",
     "baseUrl": "./src",
     "paths": {
       "assets/*": ["./assets/*"],

package.json

@@ -52,6 +52,8 @@
     "@babel/preset-env": "^7.20.2",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.10",
     "@trivago/prettier-plugin-sort-imports": "^4.1.1",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
     "@typescript-eslint/eslint-plugin": "^5.60.0",
     "@typescript-eslint/parser": "^5.60.0",
     "babel-loader": "^9.1.2",
@@ -73,6 +75,7 @@
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
     "sweetalert2-react-content": "^5.0.7",
+    "typescript": "^4.9.5",
     "universal-cookie": "^4.0.4",
     "web-vitals": "^3.1.1",
     "webpack": "5.75.0",

src/components/TrackerComponents/ArchiveTableTracker/ArchiveTableTracker.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 
-import ArchiveTasksItem from "@components/ArchiveTableTracker/ArchiveTasksItem/ArchiveTasksItem";
-
+import ArchiveTasksItem from "./ArchiveTasksItem/ArchiveTasksItem";
 import "./archiveTableTracker.scss";
 
 const ArchiveTableTracker = ({ filterCompleteTasks, loader }) => {

src/pages/Tracker/Tracker.jsx

@@ -13,8 +13,6 @@ import { caseOfNum } from "@utils/helper";
 
 import { apiRequest } from "@api/request";
 
-import AllTaskTableTracker from "@components/AllTaskTableTracker/AllTaskTableTracker";
-import ArchiveTableTracker from "@components/ArchiveTableTracker/ArchiveTableTracker";
 import BaseButton from "@components/Common/BaseButton/BaseButton";
 import { Footer } from "@components/Common/Footer/Footer";
 import { Loader } from "@components/Common/Loader/Loader";
@@ -23,6 +21,8 @@ import { Navigation } from "@components/Navigation/Navigation";
 import { ProfileBreadcrumbs } from "@components/ProfileBreadcrumbs/ProfileBreadcrumbs";
 import { ProfileHeader } from "@components/ProfileHeader/ProfileHeader";
 import ProjectTicket from "@components/ProjectTicket/ProjectTicket";
+import AllTaskTableTracker from "@components/TrackerComponents/AllTaskTableTracker/AllTaskTableTracker";
+import ArchiveTableTracker from "@components/TrackerComponents/ArchiveTableTracker/ArchiveTableTracker";
 
 import addProjectImg from "assets/icons/addProjectImg.svg";
 import archiveTrackerProjects from "assets/icons/archiveTrackerProjects.svg";

tsconfig.json

@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "rootDir": "./",
+    "baseUrl": "src/",
+    "allowJs": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "forceConsistentCasingInFileNames": true,
+    "noFallthroughCasesInSwitch": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "assets/*": ["./assets/*"],
+      "@components/*": ["./components/*"],
+      "@utils/*": ["./utils/*"],
+      "@pages/*": ["./pages/*"],
+      "@redux/*": ["./redux/*"],
+      "@store/*": ["./store/*"],
+      "@api/*": ["./api/*"],
+      "@hooks/*": ["./hooks/*"]
+    }
+  },
+  "include": [
+    "src", "declaration.d.ts"
+  ]
+}