Skip to content

Commit 1b9a87b

Browse files
Aime-PatrickAime-Patrick
authored
user should be able to become a seller (#78)
* user should be able to becomme a seller * user be able to become a seller
1 parent 910ebf6 commit 1b9a87b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+5199
-603
lines changed

Diff for: ‎package-lock.json

+775-107
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+7-2
Original file line numberDiff line numberDiff line change
@@ -10,11 +10,12 @@
1010
"build-storybook": "storybook build"
1111
},
1212
"dependencies": {
13-
"@emotion/react": "^11.11.4",
14-
"@emotion/styled": "^11.11.5",
13+
"@emotion/react": "^11.13.0",
14+
"@emotion/styled": "^11.13.0",
1515
"@fortawesome/free-solid-svg-icons": "^6.5.2",
1616
"@fortawesome/react-fontawesome": "^0.2.2",
1717
"@mui/icons-material": "^5.16.4",
18+
"@mui/joy": "^5.0.0-beta.48",
1819
"@mui/material": "^5.16.4",
1920
"@reduxjs/toolkit": "^2.2.5",
2021
"antd": "^5.19.2",
@@ -27,20 +28,24 @@
2728
"html-webpack-plugin": "^5.6.0",
2829
"jwt-decode": "^4.0.0",
2930
"mini-css-extract-plugin": "^2.9.0",
31+
"pdfjs-dist": "^4.5.136",
3032
"papaparse": "^5.4.1",
3133
"react": "^18.3.1",
3234
"react-dom": "^18.3.1",
35+
"react-fast-marquee": "^1.6.5",
3336
"react-helmet": "^6.1.0",
3437
"react-icons": "^5.2.1",
3538
"react-input-emoji": "^5.9.0",
3639
"react-loader-spinner": "^6.1.6",
40+
"react-pdf": "^9.1.0",
3741
"react-redux": "^9.1.2",
3842
"react-router-dom": "^6.24.0",
3943
"react-spinners": "^0.14.1",
4044
"react-toastify": "^10.0.5",
4145
"recharts": "^2.12.7",
4246
"save-dev": "0.0.1-security",
4347
"socket.io-client": "^4.7.5",
48+
"ts-loader": "^9.5.1",
4449
"xlsx": "^0.18.5",
4550
"yup": "^1.4.0"
4651
},

Diff for: ‎public/assets/images/Na_Dec_44.jpg

1.01 MB
Loading

Diff for: ‎public/assets/images/rejected.png

425 KB
Loading

Diff for: ‎src/App.scss

+7-1
Original file line numberDiff line numberDiff line change
@@ -44,5 +44,11 @@
4444
@import "./assets//styles/UserProfile.scss";
4545
@import "./assets/styles/SellerSideProduct.scss";
4646
@import "./assets/styles/SellerDeleteItem.scss";
47+
@import "./assets/styles/verticalStepper.scss";
48+
@import "./assets/styles/requests.scss";
49+
@import "./assets/styles/AboutUs.scss";
50+
@import "./assets/styles/UserDetails.scss";
51+
@import "./assets/styles/SellerRegistration.scss";
4752
@import "./assets/styles/ServicesPage.scss";
48-
@import "./assets/styles/Settings.scss";
53+
@import "./assets/styles/Settings.scss";
54+
@import "./assets/styles/HomePage.scss";

Diff for: ‎src/assets/styles/AboutUs.scss

+187
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
1+
.about {
2+
background-color: $container-color;
3+
display: flex;
4+
flex-direction: column;
5+
align-items: center;
6+
justify-content: center;
7+
8+
&__container {
9+
background-color: $white-color;
10+
width: 80%;
11+
padding: 4rem 0;
12+
13+
h1 {
14+
color: $text-color;
15+
font-family: $text-family;
16+
font-size: 4rem;
17+
text-align: center;
18+
padding-bottom: 1.5rem;
19+
}
20+
21+
.welcome {
22+
display: flex;
23+
flex-direction: column;
24+
align-items: center;
25+
26+
h2 {
27+
color: $text2-color;
28+
font-family: $text-family;
29+
font-size: 2.4rem;
30+
text-align: center;
31+
}
32+
33+
.paragraph {
34+
color: $text2-color;
35+
font-family: $text-family;
36+
font-size: 1.8rem;
37+
text-align: center;
38+
margin-top: 2rem;
39+
line-height: 1.5;
40+
margin-bottom: 4rem;
41+
width: 50%;
42+
}
43+
}
44+
45+
.mission {
46+
display: flex;
47+
flex-direction: column;
48+
align-items: center;
49+
50+
h2 {
51+
color: $text2-color;
52+
font-family: $text-family;
53+
font-size: 2.4rem;
54+
text-align: center;
55+
margin-bottom: 1rem;
56+
}
57+
58+
.paragraph {
59+
color: $text2-color;
60+
font-family: $text-family;
61+
font-size: 1.8rem;
62+
text-align: center;
63+
margin-top: 2rem;
64+
line-height: 1.5;
65+
margin-bottom: 4rem;
66+
width: 50%;
67+
}
68+
}
69+
70+
.team {
71+
display: flex;
72+
flex-direction: column;
73+
align-items: center;
74+
75+
h2 {
76+
color: $text2-color;
77+
font-family: $text-family;
78+
font-size: 2.4rem;
79+
text-align: center;
80+
margin-bottom: 1rem;
81+
}
82+
83+
.team__members {
84+
display: flex;
85+
flex-wrap: wrap;
86+
justify-content: center;
87+
margin-top: 2rem;
88+
overflow: hidden;
89+
gap: 2rem;
90+
// position: absolute;
91+
92+
.team__member {
93+
position: relative;
94+
overflow: hidden;
95+
img {
96+
width: 25rem;
97+
height: 25rem;
98+
object-fit: cover;
99+
display: block;
100+
}
101+
102+
&__desc {
103+
position: absolute;
104+
bottom: -100%;
105+
left: 0;
106+
width: 100%;
107+
background-color: rgba(0, 0, 0, 0.7);
108+
padding: 10px;
109+
box-sizing: border-box;
110+
transition: bottom 0.3s ease-in-out;
111+
112+
h3 {
113+
color: $white-color;
114+
font-family: $text-family;
115+
font-size: 1.8rem;
116+
text-align: center;
117+
margin-bottom: 0.5rem;
118+
}
119+
120+
p {
121+
color: $white-color;
122+
font-family: $text-family;
123+
font-size: 1.6rem;
124+
text-align: center;
125+
margin-top: 1rem;
126+
}
127+
128+
&__icon {
129+
font-size: 3rem;
130+
display: flex;
131+
justify-content: center;
132+
gap: 1rem;
133+
134+
a {
135+
color: $primary-color;
136+
137+
&:hover {
138+
transition: all 0.5s ease-in-out;
139+
animation: bounce 1s backwards;
140+
}
141+
}
142+
143+
@keyframes bounce {
144+
145+
0%,
146+
100% {
147+
transform: translateY(0);
148+
}
149+
150+
50% {
151+
transform: translateY(-10px);
152+
}
153+
}
154+
}
155+
}
156+
157+
}
158+
.team__member:hover .team__member__desc{
159+
bottom: 0;
160+
}
161+
}
162+
}
163+
164+
.get-in-touch {
165+
display: flex;
166+
flex-direction: column;
167+
align-items: center;
168+
margin-top: 4rem;
169+
170+
button {
171+
padding: 2rem;
172+
background-color: $primary-color;
173+
color: $white-color;
174+
border: none;
175+
border-radius: 1rem;
176+
font-size: 2rem;
177+
cursor: pointer;
178+
transition: all 0.3s ease-in-out;
179+
180+
&:hover {
181+
background-color: $primary-color-dark;
182+
}
183+
}
184+
}
185+
}
186+
187+
}

Diff for: ‎src/assets/styles/Colors.scss

+4-3
Original file line numberDiff line numberDiff line change
@@ -29,12 +29,13 @@ $border-color: #D9D9D9;
2929
$red-color:red;
3030
$grayColor:gray;
3131
$primary-color-half: rgb(248,244,244);
32-
$red-color:red;
32+
$red-color-light:rgb(250, 169, 169);
33+
$red-color-dark:rgb(59, 1, 1);
3334
$menu-hover: #FE975B;
34-
$green-color: rgb(3, 216, 3);
35+
$green-color: rgb(15, 145, 3);
3536
$green-middle-color: rgba(3, 216, 3, 0.3);
3637
$red-middle-color: rgba(216, 8, 3, 0.3);
37-
38+
$green-color-light:#97fa97;
3839

3940
$toastify-color-light: #fff;
4041
$toastify-color-dark: #121212;

Diff for: ‎src/assets/styles/HomePage.scss

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
.banner {
2+
background-color: $primary-color;
3+
display: flex;
4+
justify-content: center;
5+
align-items: center;
6+
gap: 1rem;
7+
color: $white;
8+
font-size: 2rem;
9+
padding: 1rem;
10+
11+
.btn-link {
12+
background-color: $primary-color-light;
13+
border: none;
14+
padding: 1rem 2rem;
15+
border-radius: 5px;
16+
cursor: pointer;
17+
color: $white;
18+
transition: all 0.5s ease-in-out;
19+
20+
&:hover {
21+
background-color: $menu-hover;
22+
transition: all 0.5s ease-in-out;
23+
color: $text2-color;
24+
25+
}
26+
}
27+
28+
}

0 commit comments

Comments
 (0)