Top Products
-
+
+ );
+};
+
+export default Payout;
diff --git a/shopsense_seller/src/AdminSide/AdminPages/payouts/payout.css b/shopsense_seller/src/AdminSide/AdminPages/payouts/payout.css
new file mode 100644
index 0000000..ccf83b7
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/AdminPages/payouts/payout.css
@@ -0,0 +1,118 @@
+.payout-container{
+ display: flex;
+ position: relative;
+ width: 100%;
+ top: 85px;
+ .payout-left-flex{
+ position: relative;
+ display: flex;
+ width: 250px;
+ justify-content: center;
+ align-items: center;
+ height: calc(100vh - 85px);
+ position: fixed;
+ }
+ .payout-right-flex{
+ display: flex;
+ flex-direction: column;
+ height: auto;
+ width: calc(100vw - 250px);
+ margin-left: 250px;
+ .payout-top{
+ display: flex;
+ height: auto;
+ margin-top: 60px;
+ margin-left: 20px;
+ margin-right: 20px;
+ flex-direction: column;
+ .payout-txt{
+ font-size: 1.5rem;
+ font-weight: bold;
+ }
+ .payout-summary{
+ display: flex;
+ height: 200px;
+ gap:30px;
+ margin-top: 20px;
+ .payout-sum-left{
+ flex:1;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ border-radius: 20px;
+ box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+
+ }
+ .payout-sum-right{
+ padding-right: 30px;
+ flex:2;
+ display: flex;
+ border-radius: 20px;
+ justify-content: space-between;
+ align-items: center;
+ box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ .payment-txt{
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ }
+ Button {
+ width: 160px;
+ height: 50px;
+ background: #000000;
+ border-radius: 8px;
+ border: none;
+ color: #ffffff;
+ font-size: 20px;
+ font-weight: 500;
+ margin-right: 10px;
+ transition: background-color 0.1s ease;
+ cursor: pointer;
+ &:hover{
+ background-color: rgb(176, 176, 176);
+ color: black;
+ }
+ }
+ }
+ .payment-txt1{
+ padding-left: 30px;
+ font-size: 1rem;
+ color: #575757;
+ font-weight:500;
+ line-height: 2;
+ }
+ .payment-txt2{
+ padding-left: 30px;
+ font-size: 2rem;
+ color: black;
+ font-weight:500;
+ }
+ }
+ }
+ .payout-bottom{
+ display: flex;
+ height: auto;
+ margin-top: 30px;
+ margin-left: 20px;
+ margin-right: 20px;
+ flex-direction: column;
+ .payout-history{
+ font-size: 1.5rem;
+ font-weight: bold;
+
+ }
+ .payout-table{
+ border-radius: 20px;
+ margin-top: 20px;
+ box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -webkit-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+ -moz-box-shadow: 0px 0px 16px -5px rgba(0,0,0,0.13);
+
+ }
+ }
+ }
+}
\ No newline at end of file
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponent/tableComponent.css b/shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.css
similarity index 100%
rename from shopsense_seller/src/AdminSide/adminComponents/tableComponent/tableComponent.css
rename to shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.css
diff --git a/shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.jsx b/shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.jsx
new file mode 100644
index 0000000..0209b7b
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.jsx
@@ -0,0 +1,104 @@
+import React from "react";
+import "./PlaceOrder.css";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Popup from "../../../Components/Popup/Popup";
+import LinearProgress, {
+ linearProgressClasses,
+} from "@mui/material/LinearProgress";
+
+import { styled } from "@mui/material/styles";
+
+const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
+ height: 10,
+ borderRadius: 5,
+ marginRight: 50,
+ [`&.${linearProgressClasses.colorPrimary}`]: {
+ backgroundColor:
+ theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
+ },
+ [`& .${linearProgressClasses.bar}`]: {
+ borderRadius: 5,
+ backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
+ },
+}));
+
+function createData(
+ No,
+ Name,
+ Popularity,
+ Sales,
+ Retail,
+ Status,
+ Printed,
+ Action
+) {
+ return { No, Name, Popularity, Sales, Retail, Status, Printed, Action };
+}
+
+const rows = [
+ createData(
+ 234856015,
+
+ "2 Hours",
+ "Card",
+ "690.00",
+
+ "✔️"
+ ),
+];
+
+const PlaceOrder = () => {
+ return (
+
+
+
+
+
+
+
+ Payout
+
+
+
+
+ Total Payement
+ LKR 2000
+
+
+
+
+ Available Payement
+ LKR 1200
+
+
+
+
+
+
+
+ Payout History
+
+
+
+
+
+
+
+
+
+ );
+};
+
+export default PlaceOrder;
diff --git a/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/AdminNav.jsx b/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/AdminNav.jsx
new file mode 100644
index 0000000..dd3421f
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/AdminNav.jsx
@@ -0,0 +1,20 @@
+import "./adminNav.css";
+import logo from "../../../Components/Assets/logo.png";
+import Bell from "../../../Components/Notification/bell";
+import Profile from "../../../Components/Assets/Profile.jpg";
+
+function AdminNav() {
+ return (
+
+ );
+}
+
+export default AdminNav;
\ No newline at end of file
diff --git a/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/adminNav.css b/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/adminNav.css
new file mode 100644
index 0000000..00960be
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/adminNavbar/adminNav.css
@@ -0,0 +1,44 @@
+.FormNavBar {
+ background-color: #ffbfd0;
+ margin: 0%;
+ max-width: 100%;
+ display: flex;
+ justify-content: space-between;
+ padding: 20px;
+ position: fixed;
+ z-index: 2;
+ }
+
+ .Join_button2 {
+ color: white;
+ font-weight: bold;
+ width: 120px;
+ height: 45px;
+ background: #000000;
+ border-radius: 6px;
+ border: none;
+ font-size: 15px;
+ cursor: pointer;
+ transition: background-color 0.8s ease;
+ margin-right: 60px;
+ }
+
+ .Join_button2:hover {
+ background-color: #fe7a9d;
+ color: #000000;
+ }
+
+ .ProfileImg {
+ width: 40px;
+ height: 40px;
+ margin-left: 10px;
+ border-radius: 5px;
+ cursor: pointer;
+ }
+
+ .profilebar {
+ justify-content: center;
+ display: flex;
+ align-items: center;
+ margin-right: 48px;
+ }
\ No newline at end of file
diff --git a/shopsense_seller/src/AdminSide/adminComponents/card/card.css b/shopsense_seller/src/AdminSide/adminComponents/card/card.css
index d4ab9f8..686290e 100644
--- a/shopsense_seller/src/AdminSide/adminComponents/card/card.css
+++ b/shopsense_seller/src/AdminSide/adminComponents/card/card.css
@@ -1,150 +1,160 @@
-.card1{
- flex:1;
- height: auto;
- background-color: #CDC0FF;
- border-radius: 30px;
- padding: 20px;
+.card1 {
+ flex: 1;
+ height: 200px;
+ background-color: #cdc0ff;
+ border-radius: 20px;
+ padding: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: start;
+
+ .card-icon {
+ background-color: #12044d;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
display: flex;
- flex-direction: column;
justify-content: center;
+ align-items: center;
+ }
+ .card-txt {
+ display: flex;
+ flex-direction: column;
align-items: start;
- .card-icon{
- background-color: #12044D;
- width: 50px;
- height: 50px;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
+ margin-top: 10px;
+ .card-txt-1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ line-height: 2;
}
- .card-txt{
- display: flex;
- flex-direction: column;
- align-items: start;
- margin-top: 10px;
- .card-txt-1{
- font-size: 1.5rem;
- font-weight: bold;
- line-height: 2;
- }
- .card-txt-2{
- font-size: 1rem;
- font-weight: bold;
- color: #425166;
- }
+ .card-txt-2 {
+ font-size: 1.4rem;
+ font-weight: bold;
+ color: #425166;
+ font-weight: 500;
}
+ }
}
-.card2{
- flex:1;
- height: auto;
- background-color: #FFDD9A;
- border-radius: 30px;
- padding: 20px;
+.card2 {
+ flex: 1;
+ height: 200px;
+ background-color: #ffdd9a;
+ border-radius: 20px;
+ padding: 20px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: start;
+ padding-top: 0;
+ padding-bottom: 0;
+ .card-icon {
+ background-color: #ff947a;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
display: flex;
- flex-direction: column;
justify-content: center;
+ align-items: center;
+ }
+ .card-txt {
+ display: flex;
+ flex-direction: column;
align-items: start;
- .card-icon{
- background-color: #FF947A;
- width: 50px;
- height: 50px;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
+ margin-top: 10px;
+ .card-txt-1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ line-height: 2;
}
- .card-txt{
- display: flex;
- flex-direction: column;
- align-items: start;
- margin-top: 10px;
- .card-txt-1{
- font-size: 1.5rem;
- font-weight: bold;
- line-height: 2;
- }
- .card-txt-2{
- font-size: 1rem;
- font-weight: bold;
- color: #425166;
- }
+ .card-txt-2 {
+ font-size: 1.4rem;
+ font-weight: bold;
+ color: #425166;
+ font-weight: 500;
}
+ }
}
-
-.card3{
- flex:1;
- height: auto;
- background-color: #81FFAC;
- border-radius: 30px;
- padding: 20px;
+.card3 {
+ flex: 1;
+ height: 200px;
+ background-color: #81ffac;
+ border-radius: 20px;
+ padding: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: start;
+ .card-icon {
+ background-color: #3cd856;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
display: flex;
- flex-direction: column;
justify-content: center;
+ align-items: center;
+ }
+ .card-txt {
+ display: flex;
+ flex-direction: column;
align-items: start;
- .card-icon{
- background-color: #3CD856;
- width: 50px;
- height: 50px;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
+ margin-top: 10px;
+ .card-txt-1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ line-height: 2;
}
- .card-txt{
- display: flex;
- flex-direction: column;
- align-items: start;
- margin-top: 10px;
- .card-txt-1{
- font-size: 1.5rem;
- font-weight: bold;
- line-height: 2;
- }
- .card-txt-2{
- font-size: 1rem;
- font-weight: bold;
- color: #425166;
-
- }
+ .card-txt-2 {
+ font-size: 1.4rem;
+ font-weight: bold;
+ color: #425166;
+ font-weight: 500;
}
+ }
}
-.card4{
- flex:1;
- height: auto;
- background-color: #D2A9FF;
- border-radius: 30px;
- padding: 20px;
+.card4 {
+ flex: 1;
+ height: 200px;
+ background-color: #d2a9ff;
+ border-radius: 20px;
+ padding: 20px;
+ padding-top: 0;
+ padding-bottom: 0;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: start;
+ .card-icon {
+ background-color: #bf83ff;
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
display: flex;
- flex-direction: column;
justify-content: center;
+ align-items: center;
+ }
+ .card-txt {
+ display: flex;
+ flex-direction: column;
align-items: start;
- .card-icon{
- background-color: #BF83FF;
- width: 50px;
- height: 50px;
- border-radius: 50%;
- display: flex;
- justify-content: center;
- align-items: center;
+ margin-top: 10px;
+ .card-txt-1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ line-height: 2;
}
- .card-txt{
- display: flex;
- flex-direction: column;
- align-items: start;
- margin-top: 10px;
- .card-txt-1{
- font-size: 1.5rem;
- font-weight: bold;
- line-height: 2;
- }
- .card-txt-2{
- font-size: 1rem;
- font-weight: bold;
- color: #425166;
-
- }
+ .card-txt-2 {
+ font-size: 1.4rem;
+ font-weight: bold;
+ color: #425166;
+ font-weight: 500;
}
-}
\ No newline at end of file
+ }
+}
diff --git a/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx b/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx
index 765cf86..59e25cc 100644
--- a/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx
+++ b/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx
@@ -5,42 +5,59 @@ import ShoppingCartOutlinedIcon from "@mui/icons-material/ShoppingCartOutlined";
import ShoppingBagOutlinedIcon from "@mui/icons-material/ShoppingBagOutlined";
import InsertChartOutlinedIcon from "@mui/icons-material/InsertChartOutlined";
import TextsmsOutlinedIcon from "@mui/icons-material/TextsmsOutlined";
-import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
+import MonetizationOnOutlinedIcon from "@mui/icons-material/MonetizationOnOutlined";
import LogoutOutlinedIcon from "@mui/icons-material/LogoutOutlined";
+import { Link, NavLink } from "react-router-dom";
+
const SideNav = () => {
+ const menuItem = [
+ {
+ path: "/Dashboard",
+ name: "Dashboard",
+ icon:
-
);
};
diff --git a/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/sideNav.css b/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/sideNav.css
index 195be46..33dd05e 100644
--- a/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/sideNav.css
+++ b/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/sideNav.css
@@ -1,36 +1,38 @@
-.sideNav{
- display: flex;
- flex: 1;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- ul{
- list-style: none;
- align-items: center;
- padding: 0px
- }
- li{
- color: black;
- display: flex;
- align-items: center;
- margin: 10px;
- padding: 15px 20px;
- cursor: pointer;
- width: 150px;
- border-radius: 10px;
- &:hover{
- background-color: #d0d0d06f;
- transform: scale(1.01)
- }
- &:focus{
- background-color: #d0d0d06f;
- }
- span{
- padding-left: 8px;
- }
- }
-
+.active {
+ background-color: red;
+}
+.sideNav {
+ display: flex;
+ flex: 1;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.list-text {
+ font-size: 1.2rem;
+}
+
+.link {
+ display: flex;
+ color: #4e4d4d;
+ padding: 15px 35px;
+ margin: 12px;
+ gap: 15px;
+ transition: all 0.5s;
+ border-radius: 10px;
+ align-items: center;
+ justify-content: start;
+ line-height: 0;
+ font-size: 1.2rem;
+ text-decoration: none;
+}
+.link:hover {
+ background: rgb(216, 216, 216);
+ color: #4e4d4d;
+ transition: all 0.5s;
+ /* transform: scale(1.02) */
+}
+.active {
+ background: #ffbfd0;
+ color: #000000;
}
-.list-text{
- font-size: 1.2rem;
-}
\ No newline at end of file
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponent/TableComponent.jsx b/shopsense_seller/src/AdminSide/adminComponents/tableComponent/TableComponent.jsx
index fcb291f..47bfa0d 100644
--- a/shopsense_seller/src/AdminSide/adminComponents/tableComponent/TableComponent.jsx
+++ b/shopsense_seller/src/AdminSide/adminComponents/tableComponent/TableComponent.jsx
@@ -1,63 +1,12 @@
import React from "react";
-import "./tableComponent.css";
import Table from "@mui/material/Table";
import TableBody from "@mui/material/TableBody";
import TableCell from "@mui/material/TableCell";
import TableContainer from "@mui/material/TableContainer";
import TableHead from "@mui/material/TableHead";
import TableRow from "@mui/material/TableRow";
-import LinearProgress, {
- linearProgressClasses,
-} from "@mui/material/LinearProgress";
-import { styled } from "@mui/material/styles";
-
-const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
- height: 10,
- borderRadius: 5,
- marginRight: 50,
- [`&.${linearProgressClasses.colorPrimary}`]: {
- backgroundColor:
- theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
- },
- [`& .${linearProgressClasses.bar}`]: {
- borderRadius: 5,
- backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
- },
-}));
-
-function createData(No, Name, Popularity, Sales) {
- return { No, Name, Popularity, Sales };
-}
-
-const rows = [
- createData(
- 1,
- "Midnight Blue Velvet Dress",
- -
-
-
-
- Dashboard -
- -
-
- Orders -
- -
-
- Products -
- -
-
- Sales Report -
- -
-
- Messages -
- -
-
- Settings -
- -
-
- Sign Out -
-
+ {menuItem.map((item, index) => (
+
+
+ ))}
+
{item.icon}
+ {item.name}
+
+
+
+
+
+
+ );
+};
+
+export default TableComponent2;
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.css b/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.css
new file mode 100644
index 0000000..ffad0e8
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.css
@@ -0,0 +1,3 @@
+.table-container{
+
+}
\ No newline at end of file
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.jsx b/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.jsx
new file mode 100644
index 0000000..1364572
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/tableComponentOrder/tableComponentOrder.jsx
@@ -0,0 +1,143 @@
+import React from "react";
+import "./tableComponentOrder.css";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Popup from "../../../Components/Popup/Popup";
+import LinearProgress, {
+ linearProgressClasses,
+} from "@mui/material/LinearProgress";
+
+import { styled } from "@mui/material/styles";
+
+const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
+ height: 10,
+ borderRadius: 5,
+ marginRight: 50,
+ [`&.${linearProgressClasses.colorPrimary}`]: {
+ backgroundColor:
+ theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
+ },
+ [`& .${linearProgressClasses.bar}`]: {
+ borderRadius: 5,
+ backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
+ },
+}));
+
+function createData(
+ No,
+ Name,
+ Popularity,
+ Sales,
+ Retail,
+ Status,
+ Printed,
+ Action
+) {
+ return { No, Name, Popularity, Sales, Retail, Status, Printed, Action };
+}
+
+const rows = [
+ createData(
+ 234856015,
+ "25 Aug 2024",
+ "2 Hours",
+ "Card",
+ "690.00",
+ "Pending",
+ "✔️",
+
+
+
+
+
+
+
+ );
+};
+
+export default TableComponentOrder;
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.css b/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.css
new file mode 100644
index 0000000..7bf1920
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.css
@@ -0,0 +1,8 @@
+.table-container {
+}
+
+.editbtn {
+ margin-left: 10px;
+ width: 30px;
+ cursor: pointer;
+}
diff --git a/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.jsx b/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.jsx
new file mode 100644
index 0000000..a5eea6e
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/adminComponents/tableComponentProduct/tableComponentProduct.jsx
@@ -0,0 +1,169 @@
+import React from "react";
+import "./tableComponentProduct.css";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Popup from "../../../Components/Popup/Popup";
+import { Link } from "react-router-dom";
+import LinearProgress, {
+ linearProgressClasses,
+} from "@mui/material/LinearProgress";
+
+import { styled } from "@mui/material/styles";
+
+const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
+ height: 10,
+ borderRadius: 5,
+ marginRight: 50,
+ [`&.${linearProgressClasses.colorPrimary}`]: {
+ backgroundColor:
+ theme.palette.grey[theme.palette.mode === "light" ? 200 : 800],
+ },
+ [`& .${linearProgressClasses.bar}`]: {
+ borderRadius: 5,
+ backgroundColor: theme.palette.mode === "light" ? "#1a90ff" : "#308fe8",
+ },
+}));
+
+function createData(
+ No,
+ Name,
+ Popularity,
+ Sales,
+ Retail,
+ Status,
+ Printed,
+ Action
+) {
+ return { No, Name, Popularity, Sales, Retail, Status, Printed, Action };
+}
+
+const rows = [
+ createData(
+ "#1",
+
+
+ Classic White Button-Up Shirt
+
,
+
+ 690.00
+
,
+
+ 45
+
,
+ "25 Jan 2025",
+
+ "Pending",
+ "✔️",
+
+
+
+ ),
+ createData(
+ "#2",
+
+ Midnight Blue Velvet Dress
+
,
+
+ 950.00
+
,
+
+ 20
+
,
+ "25 Aug 2024",
+
+ "Completed",
+ "✔️",
+
+ ),
+ createData(
+ "#3",
+
+ Black Leather Biker Jacket
+
,
+
+ 420.00
+
,
+
+ 02
+
,
+ "13 Nov 2024",
+
+ "Shipped",
+ "❌",
+
+ ),
+ createData(
+ "#4",
+
+ Red Plaid Flannel Shirt
+
,
+
+
+ 800.00
+
,
+
+ 06
+
,
+ "19 Dec 2024",
+
+ "Pending",
+ "✔️",
+
+ ),
+];
+
+const TableComponentProduct = () => {
+ return (
+
+
+
+
+
+
+ );
+};
+
+export default TableComponentProduct;
diff --git a/shopsense_seller/src/App.js b/shopsense_seller/src/App.js
index 3ecd318..69f9965 100644
--- a/shopsense_seller/src/App.js
+++ b/shopsense_seller/src/App.js
@@ -12,13 +12,17 @@ import Form02 from "./Pages/RegistrationForm02/Form02.jsx";
import Form from "./Pages/Form/Form.js";
import ProductAdd1 from "./Pages/ProductAdd01/ProductAdd01.jsx";
import ProductAdd2 from "./Pages/ProductAdd02/ProductAdd02.jsx";
-
+import AdminDashboard from "./AdminSide/AdminPages/Dashboard/AdminDashboard.jsx";
+import AdminStat from "./AdminSide/AdminPages/AdminStat/AdminStat.jsx";
+import Payout from "./AdminSide/AdminPages/payouts/Payout.jsx";
+import AdminProduct from "./AdminSide/AdminPages/AdminDashboard/Products/AdminProduct.jsx";
+import AdminOrder from "./AdminSide/AdminPages/AdminDashboard/Orders/AdminOrders.jsx";
+import AdminEdit from "./AdminSide/AdminPages/AdminDashboard/Edit/AdminEdit.jsx";
function App() {
const Cards = Instructions.map((card) => {
return
@@ -31,15 +35,17 @@ function App() {
+
+
+ )}
+
+ );
+}
diff --git a/shopsense_seller/src/Pages/EditProduct/EditProduct.css b/shopsense_seller/src/Pages/EditProduct/EditProduct.css
new file mode 100644
index 0000000..f10a54c
--- /dev/null
+++ b/shopsense_seller/src/Pages/EditProduct/EditProduct.css
@@ -0,0 +1,77 @@
+.NextBtnProduct {
+ width: 294px;
+ height: 44px;
+ background: #000000;
+ border-radius: 8px;
+ border: none;
+ color: #ffbfd0;
+ font-size: 17px;
+ font-weight: 500;
+ margin-right: 10px;
+ cursor: pointer;
+
+ margin-bottom: 10px;
+}
+
+.buttonHolderProduct {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+}
+
+.productpage {
+ margin: 140px;
+ margin-top: 43px;
+ margin-bottom: 0px;
+}
+
+.EditBoxHolder {
+ display: flex;
+}
+
+.editbtn2 {
+ margin-left: 10px;
+ width: 60px;
+ cursor: pointer;
+ height: 40px;
+}
+
+.ProductImageHplder {
+ display: flex;
+}
+
+.ProductImageHplder img {
+ width: 150px;
+ height: 150px;
+ border-radius: 10px;
+ margin-right: 10px;
+}
+
+.ImageEditHolder span {
+ position: absolute;
+ top: 10px;
+ left: 110px;
+ background-color: white;
+ padding: 8px;
+ padding-top: 2px;
+ border-radius: 6px;
+ width: 15px;
+ height: 15px;
+ cursor: pointer;
+ text-align: center;
+}
+
+.ImageEditHolder {
+ position: relative;
+ display: inline-block;
+}
+
+.BackProductEdit {
+ margin-right: 10px;
+ color: rgb(0, 0, 0);
+ background-color: rgb(255, 255, 255);
+ border: none;
+ box-shadow: none;
+ font-size: 30px;
+ cursor: pointer;
+}
diff --git a/shopsense_seller/src/Pages/EditProduct/EditProduct.jsx b/shopsense_seller/src/Pages/EditProduct/EditProduct.jsx
new file mode 100644
index 0000000..c7f20ca
--- /dev/null
+++ b/shopsense_seller/src/Pages/EditProduct/EditProduct.jsx
@@ -0,0 +1,106 @@
+import { Link } from "react-router-dom";
+import "./EditProduct.css";
+import OccationDropdown from "../../Components/Occation_DropDown/Occation";
+import Color from "../../Components/Color/Color";
+import FitDropdown from "../../Components/Fit/fit";
+import SizeDropdown from "../../Components/Size/Size";
+import Dress from "../../Components/Assets/dress01.jpg";
+import Dress2 from "../../Components/Assets/dress02.jpg";
+import Dress3 from "../../Components/Assets/dress03.jpg";
+
+function EditProduct() {
+ return (
+
+
+ Place Order
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default EditProduct;
diff --git a/shopsense_seller/src/Pages/Form/Form.js b/shopsense_seller/src/Pages/Form/Form.js
index 12573c3..6ba3a24 100644
--- a/shopsense_seller/src/Pages/Form/Form.js
+++ b/shopsense_seller/src/Pages/Form/Form.js
@@ -17,6 +17,7 @@ export default function Form() {
+ + Product Details +
+
+
+
+
+
+ ✎
+ 
+
+
+
+ ✎
+ 
+
+
+
+ ✎
+ 
+
+
+
+
+ {" "}
+
+ +
Forget Password ?
-
+
+
+
Dont have an Account ?{" "}
diff --git a/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.css b/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.css
index 97068a6..b664ea8 100644
--- a/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.css
+++ b/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.css
@@ -1,3 +1,7 @@
+.pa-wrapper {
+ display: flex;
+ position: relative;
+}
.NextBtnProduct {
width: 294px;
height: 44px;
diff --git a/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.jsx b/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.jsx
index 54ddbf1..c8f481c 100644
--- a/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.jsx
+++ b/shopsense_seller/src/Pages/ProductAdd01/ProductAdd01.jsx
@@ -11,7 +11,7 @@ import SizeDropdown from "../../Components/Size/Size";
function ProductAdd1() {
return (
-
+
diff --git a/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.css b/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.css
index 5e40d2b..aaba875 100644
--- a/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.css
+++ b/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.css
@@ -19,8 +19,8 @@
justify-content: center;
}
-.productpage {
- margin: 140px;
+.productpage2 {
+ margin: 40px;
margin-top: 43px;
margin-bottom: 0px;
}
@@ -30,7 +30,7 @@
}
.producttextbox {
- width: 100%;
+ width: 95%;
min-height: 200px;
font-size: 16px;
padding: 20px;
diff --git a/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.jsx b/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.jsx
index 4b4ee0e..01b2c3d 100644
--- a/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.jsx
+++ b/shopsense_seller/src/Pages/ProductAdd02/ProductAdd02.jsx
@@ -14,9 +14,9 @@ import Delivery from "../../Components/DeliveryOption/Delivery";
function ProductAdd2() {
return (
-
+
+
- Product Information -
Product Images
@@ -80,7 +80,9 @@ function ProductAdd2() {
-
+
+ {" "}
+