diff --git a/shopsense_seller/src/AdminSide/AdminPages/Dashboard/adminDashboard.css b/shopsense_seller/src/AdminSide/AdminPages/Dashboard/adminDashboard.css
new file mode 100644
index 0000000..9a80757
--- /dev/null
+++ b/shopsense_seller/src/AdminSide/AdminPages/Dashboard/adminDashboard.css
@@ -0,0 +1,70 @@
+.dashboard-container {
+ display: flex;
+ position: relative;
+ width: 100%;
+ top: 85px;
+ /* height: calc(100vh - 85px); */
+ .left-flex {
+ position: relative;
+ display: flex;
+ width: 250px;
+ justify-content: center;
+ align-items: center;
+ height: calc(100vh - 85px);
+ position: fixed;
+ }
+ .right-flex {
+ display: flex;
+ flex-direction: column;
+ height: auto;
+ width: calc(100vw - 250px);
+ margin-left: 250px;
+ .right-top-flex {
+ display: flex;
+ height: auto;
+
+ margin-left: 20px;
+ margin-right: 20px;
+ flex-direction: column;
+ .rt-txt {
+ display: flex;
+ flex-direction: column;
+ .rt-txt1 {
+ font-size: 1.5rem;
+ font-weight: bold;
+ margin-top: 30px;
+ }
+ .rt-txt2 {
+ font-size: 1.5rem;
+ color: #575757;
+ }
+ }
+ .rt-card-container {
+ display: flex;
+
+ gap: 20px;
+ margin-top: 20px;
+ }
+ }
+ .right-bottom-flex {
+ display: flex;
+ flex-direction: column;
+ .tp-txt {
+ font-size: 1.5rem;
+ font-weight: bold;
+ margin: 20px 0px 0px 20px;
+ }
+ .top-products {
+ margin: 20px;
+ }
+ }
+ }
+}
+
+.TopMenuAdmin {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 999;
+ margin-bottom: 10px;
+}
diff --git a/shopsense_seller/src/AdminSide/adminComponents/card/card.css b/shopsense_seller/src/AdminSide/adminComponents/card/card.css
index d4ab9f8..6d1a312 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: 5px;
+ 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: 5px;
+ 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: 5px;
+ 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: 5px;
+ 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..8d03aab 100644
--- a/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx
+++ b/shopsense_seller/src/AdminSide/adminComponents/sideNavbar/SideNav.jsx
@@ -7,19 +7,26 @@ import InsertChartOutlinedIcon from "@mui/icons-material/InsertChartOutlined";
import TextsmsOutlinedIcon from "@mui/icons-material/TextsmsOutlined";
import SettingsOutlinedIcon from "@mui/icons-material/SettingsOutlined";
import LogoutOutlinedIcon from "@mui/icons-material/LogoutOutlined";
+import { Link } from "react-router-dom";
const SideNav = () => {
return (
-
- Dashboard
-
-
- Orders
-
+
+ Dashboard
+
+
+
+
+ Orders
+
+
+
Products
@@ -34,7 +41,7 @@ const SideNav = () => {
Settings
+ Withdraw
+
+
+
+
+ Order No
+
+ Order Date
+
+
+ Pending Since
+
+
+ Payment Method
+
+
+ Retail Price
+
+
+ Status
+
+
+ Printed
+
+
+ Action
+
+
+
+
+ {rows.map((row) => (
+
+
+ {row.No}
+
+ {row.Name}
+ {row.Popularity}
+ {row.Sales}
+ {row.Retail}
+ {row.Status}
+ {row.Printed}
+ {row.Action}
+
+ ))}
+
+
+
+
diff --git a/shopsense_seller/src/Components/Popup/Popup.css b/shopsense_seller/src/Components/Popup/Popup.css
new file mode 100644
index 0000000..b340884
--- /dev/null
+++ b/shopsense_seller/src/Components/Popup/Popup.css
@@ -0,0 +1,43 @@
+body.active-modal {
+ overflow-y: hidden;
+}
+
+.btn-modal {
+ display: block;
+
+ font-size: 14px;
+}
+
+.modal,
+.overlay {
+ width: 100vw;
+ height: 100vh;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ position: fixed;
+}
+
+.overlay {
+ background: rgba(49, 49, 49, 0.8);
+}
+.modal-content {
+ position: absolute;
+ top: 40%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ line-height: 1.4;
+ background: #f1f1f1;
+ padding: 14px 28px;
+ border-radius: 3px;
+ max-width: 600px;
+ min-width: 300px;
+}
+
+.close-modal {
+ position: absolute;
+ top: 10px;
+ right: 10px;
+ padding: 5px 7px;
+}
diff --git a/shopsense_seller/src/Components/Popup/Popup.jsx b/shopsense_seller/src/Components/Popup/Popup.jsx
new file mode 100644
index 0000000..ae31c5f
--- /dev/null
+++ b/shopsense_seller/src/Components/Popup/Popup.jsx
@@ -0,0 +1,44 @@
+import React, { useState } from "react";
+import "./Popup.css";
+
+export default function Popup() {
+ const [modal, setModal] = useState(false);
+
+ const toggleModal = () => {
+ setModal(!modal);
+ };
+
+ if (modal) {
+ document.body.classList.add("active-modal");
+ } else {
+ document.body.classList.remove("active-modal");
+ }
+
+ return (
+ <>
+
+ Action
+
+
+ {modal && (
+
+
+
+
Hello Modal
+
+ Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident
+ perferendis suscipit officia recusandae, eveniet quaerat assumenda
+ id fugit, dignissimos maxime non natus placeat illo iusto!
+ Sapiente dolorum id maiores dolores? Illum pariatur possimus
+ quaerat ipsum quos molestiae rem aspernatur dicta tenetur. Sunt
+ placeat tempora vitae enim incidunt porro fuga ea.
+
+
+ CLOSE
+
+
+
+ )}
+
+ );
+}
diff --git a/shopsense_seller/src/Pages/Login/Login.jsx b/shopsense_seller/src/Pages/Login/Login.jsx
index 5d0decf..31b8cbd 100644
--- a/shopsense_seller/src/Pages/Login/Login.jsx
+++ b/shopsense_seller/src/Pages/Login/Login.jsx
@@ -36,7 +36,9 @@ function Login() {
type="password"
>
Forget Password ?
-
SIGN IS
+
+
SIGN IS
+
Dont have an Account ?{" "}
Back
- Submit
+ Submit {" "}
+
From 0a24379f6eeaaf3032d776aaaa724b290ee77637 Mon Sep 17 00:00:00 2001
From: Minuri <92873876+minuri12@users.noreply.github.com>
Date: Sat, 11 May 2024 00:00:53 +0530
Subject: [PATCH 02/12] Order page completed
---
shopsense_seller/public/Invoice.pdf | Bin 0 -> 949631 bytes
.../Place Order/PlaceOrder.css | 3 +
.../Place Order/PlaceOrder.jsx | 104 ++++++++++++++++++
shopsense_seller/src/App.js | 4 +-
.../src/Components/Popup/Popup.css | 18 ++-
.../src/Components/Popup/Popup.jsx | 26 +++--
6 files changed, 140 insertions(+), 15 deletions(-)
create mode 100644 shopsense_seller/public/Invoice.pdf
create mode 100644 shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.css
create mode 100644 shopsense_seller/src/AdminSide/adminComponents/Place Order/PlaceOrder.jsx
diff --git a/shopsense_seller/public/Invoice.pdf b/shopsense_seller/public/Invoice.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..330774807a0868a16052bf5f96091f515a61e973
GIT binary patch
literal 949631
zcma&O1zc52*FO$|prn8Zh{yryI>kA3mo(Ddhmvj(kdOvxkOt}Ql17k5K#)cnX_4;#
z!F%uTxsUh$-}l{q4twv}GizqntXVU&zRN|cAS%uZW@E>tU0VM91s97Q00P(;THx~X
z0%gpt5eD|=?g(Q57$^haV&{TG!9aNc94H3h