Merge pull request #7 from atlp-rwanda/ft-add-product-#187419125

#187419125  A seller should be able to create/add products

.eslintrc.cjs

@@ -23,7 +23,16 @@ module.exports = {
     "react/react-in-jsx-scope": "off",
     "react/jsx-props-no-spreading": "off",
     "react/require-default-props": "off",
+    "jsx-a11y/no-static-element-interactions": "off",
+    "jsx-a11y/click-events-have-key-events": "off",
+    "react/button-has-type": "off",
     "no-param-reassign": "off",
+    "react/prop-types": "off",
+    "import/no-extraneous-dependencies": "off",
+    "no-nested-ternary": "off",
+    "import/prefer-default-export": "off",
+    "no-return-assign": "off",
+    "jsx-a11y/label-has-associated-control": "off",
     "react/function-component-definition": [
       "warn",
       {
@@ -35,6 +44,7 @@ module.exports = {
     "no-undef": "off",
     "@typescript-eslint/ban-ts-comment": "off",
     "react/no-unescaped-entities": "off",
+    '@typescript-eslint/no-explicit-any': 0,
     "react-refresh/only-export-components": [
       "warn",
       { allowConstantExport: true },

README.md

@@ -6,7 +6,6 @@ The front-end of Eagle E-commerce utilizes React for a modern, user-friendly int
 
 [![Maintainability](https://api.codeclimate.com/v1/badges/81fa30232b27b1482f4f/maintainability)](https://codeclimate.com/github/atlp-rwanda/eagles-ec-fe/maintainability)
 ![Github Actions](https://github.com/atlp-rwanda/eagles-ec-fe/actions/workflows/deploy.yml/badge.svg)
-[![codecov](https://codecov.io/gh/atlp-rwanda/eagles-ec-fe/graph/badge.svg?token=MZAXZNVDXC)](https://codecov.io/gh/atlp-rwanda/eagles-ec-fe)
 [![Coverage Status](https://coveralls.io/repos/github/atlp-rwanda/eagles-ec-fe/badge.svg?branch=dev)](https://coveralls.io/github/atlp-rwanda/eagles-ec-fe?branch=dev)
 
 ## Tech Stack

package.json

@@ -33,8 +33,10 @@
     "jest-mock-extended": "^3.0.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "react-dropzone": "^14.2.3",
     "react-hook-form": "^7.51.5",
     "react-icons": "^5.2.1",
+    "react-jwt": "^1.2.1",
     "react-redux": "^9.1.2",
     "react-router-dom": "^6.23.1",
     "react-toastify": "^10.0.5",
@@ -48,6 +50,7 @@
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
     "@types/jest": "^29.5.12",
+    "@types/node": "^20.14.8",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",
     "@types/react-redux": "^7.1.33",

src/App.css

@@ -7,3 +7,26 @@ body {
   background-color: #f8f9fa;
   color: #333;
 }
+
+.active {
+  color: #eb5757;
+}
+
+input[type="date"]::-webkit-calendar-picker-indicator {
+  filter: invert(29%) sepia(93%) saturate(5115%) hue-rotate(330deg)
+    brightness(97%) contrast(96%);
+  opacity: 1;
+}
+
+.category-options {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+input[type="date"]::-webkit-datetime-edit-day-field:focus,
+input[type="date"]::-webkit-datetime-edit-month-field:focus,
+input[type="date"]::-webkit-datetime-edit-year-field:focus {
+  background-color: red;
+  color: white;
+  outline: none;
+}

src/App.tsx

@@ -1,4 +1,5 @@
 import * as React from "react";
+import "react-toastify/dist/ReactToastify.css";
 import "./App.css";
 import "react-toastify/dist/ReactToastify.css";