Skip to content

Commit 57e1c10

Browse files
VladMihalacheVladMihalache
committed
Chakra Purity UI
1 parent faa30e4 commit 57e1c10

File tree

11 files changed

+50
-40
lines changed

11 files changed

+50
-40
lines changed

‎package.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,8 @@
11
{
2-
"name": "purity-dashboard-pro-react",
2+
"name": "purity-dashboard-react",
33
"version": "1.0.0",
44
"private": true,
5+
"homepage": "https://demos.creative-tim.com/purity-ui-dashboard/#/",
56
"dependencies": {
67
"@chakra-ui/icons": "^1.0.14",
78
"@chakra-ui/react": "^1.6.5",

‎src/components/Footer/Footer.js

+12-6
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ export default function Footer(props) {
3535
<Link
3636
// color={linkTeal}
3737
color="teal.400"
38-
href="https://www.creative-tim.com"
38+
href="https://www.creative-tim.com?ref=creativetim-pud"
3939
target="_blank"
4040
>
4141
{rtlActive ? " توقيت الإبداعية" : "Creative Tim "}
@@ -44,7 +44,7 @@ export default function Footer(props) {
4444
<Link
4545
// color={linkTeal}
4646
color="teal.400"
47-
href="https://www.simmmple.com/"
47+
href="https://www.simmmple.com?ref=simmmple-pud"
4848
target="_blank"
4949
>
5050
{rtlActive ? "سيممبل " : " Simmmple"}
@@ -58,7 +58,10 @@ export default function Footer(props) {
5858
md: "44px",
5959
}}
6060
>
61-
<Link color="gray.400" href="https://www.creative-tim.com">
61+
<Link
62+
color="gray.400"
63+
href="https://www.creative-tim.com?ref=creativetim-pud"
64+
>
6265
{rtlActive ? "توقيت الإبداعية" : "Creative Tim"}
6366
</Link>
6467
</ListItem>
@@ -68,7 +71,10 @@ export default function Footer(props) {
6871
md: "44px",
6972
}}
7073
>
71-
<Link color="gray.400" href="https://www.simmmple.com/">
74+
<Link
75+
color="gray.400"
76+
href="https://www.simmmple.com?ref=simmmple-pud"
77+
>
7278
{rtlActive ? "سيممبل" : "Simmmple"}
7379
</Link>
7480
</ListItem>
@@ -81,7 +87,7 @@ export default function Footer(props) {
8187
<Link
8288
color="gray.400"
8389
href="#blog"
84-
href="https://blog.creative-tim.com/"
90+
href="https://creative-tim.com/blog?ref=creativetim-pud"
8591
>
8692
{rtlActive ? "مدونة" : "Blog"}
8793
</Link>
@@ -90,7 +96,7 @@ export default function Footer(props) {
9096
<Link
9197
color="gray.400"
9298
href="#license"
93-
href="https://www.creative-tim.com/license"
99+
href="https://www.creative-tim.com/license?ref=creativetim-pud"
94100
>
95101
{rtlActive ? "رخصة" : "License"}
96102
</Link>

‎src/components/Navbars/AdminNavbar.js

+1
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@ export default function AdminNavbar(props) {
4646
);
4747
}
4848
if (secondary) {
49+
navbarBackdrop = "none";
4950
navbarPosition = "absolute";
5051
mainText = "white";
5152
secondaryText = "white";

‎src/components/Navbars/AdminNavbarLinks.js

+1-2
Original file line numberDiff line numberDiff line change
@@ -144,7 +144,6 @@ export default function HeaderLinks(props) {
144144
ref={settingsRef}
145145
onClick={onOpen}
146146
color={navbarIcon}
147-
qqa
148147
w="18px"
149148
h="18px"
150149
/>
@@ -158,7 +157,7 @@ export default function HeaderLinks(props) {
158157
<DrawerHeader pt="24px" px="24px">
159158
<DrawerCloseButton />
160159
<Text fontSize="xl" fontWeight="bold" mt="16px">
161-
Chakra UI Configurator
160+
Purity UI Configurator
162161
</Text>
163162
<Text fontSize="md" mb="16px">
164163
See your dashboard options.

‎src/components/Navbars/AuthNavbar.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ export default function AuthNavbar(props) {
7171
}
7272
var brand = (
7373
<Link
74-
href="/admin/dashboard"
74+
href={`${process.env.PUBLIC_URL}/#/`}
7575
target="_blank"
7676
display="flex"
7777
lineHeight="100%"

‎src/components/Sidebar/Sidebar.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -209,7 +209,7 @@ function Sidebar(props) {
209209
var brand = (
210210
<Box pt={"25px"} mb="12px">
211211
<Link
212-
href="/admin/dashboard"
212+
href={`${process.env.PUBLIC_URL}/#/`}
213213
target="_blank"
214214
display="flex"
215215
lineHeight="100%"
@@ -424,7 +424,7 @@ export function SidebarResponsive(props) {
424424
var brand = (
425425
<Box pt={"35px"} mb="8px">
426426
<Link
427-
href="/admin/dashboard"
427+
href={`${process.env.PUBLIC_URL}/#/`}
428428
target="_blank"
429429
display="flex"
430430
lineHeight="100%"

‎src/index.js

+6-6
Original file line numberDiff line numberDiff line change
@@ -17,18 +17,18 @@
1717
*/
1818
import React from "react";
1919
import ReactDOM from "react-dom";
20-
import { BrowserRouter, Route, Switch, Redirect } from "react-router-dom";
20+
import { HashRouter, Route, Switch, Redirect } from "react-router-dom";
2121

2222
import AuthLayout from "layouts/Auth.js";
2323
import AdminLayout from "layouts/Admin.js";
2424

2525
ReactDOM.render(
26-
<BrowserRouter>
26+
<HashRouter>
2727
<Switch>
28-
<Route path="/auth" component={AuthLayout} />
29-
<Route path="/admin" component={AdminLayout} />
30-
<Redirect from="/" to="/admin/dashboardchakra" />
28+
<Route path={`/auth`} component={AuthLayout} />
29+
<Route path={`/admin`} component={AdminLayout} />
30+
<Redirect from={`/`} to="/admin/dashboard" />
3131
</Switch>
32-
</BrowserRouter>,
32+
</HashRouter>,
3333
document.getElementById("root")
3434
);

‎src/routes.js

+12-12
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
// import
2-
import DashboardChakra from "views/Dashboard/Dashboard.js";
3-
import TablesChakra from "views/Dashboard/Tables.js";
4-
import BillingChakra from "views/Dashboard/Billing.js";
5-
import ProfileChakra from "views/Dashboard/Profile.js";
6-
import SignInChakra from "views/Pages/SignIn.js";
7-
import SignUpChakra from "views/Pages/SignUp.js";
2+
import Dashboard from "views/Dashboard/Dashboard.js";
3+
import Tables from "views/Dashboard/Tables.js";
4+
import Billing from "views/Dashboard/Billing.js";
5+
import Profile from "views/Dashboard/Profile.js";
6+
import SignIn from "views/Pages/SignIn.js";
7+
import SignUp from "views/Pages/SignUp.js";
88

99
import {
1010
HomeIcon,
@@ -21,23 +21,23 @@ var dashRoutes = [
2121
name: "Dashboard",
2222
rtlName: "لوحة القيادة",
2323
icon: <HomeIcon color="inherit" />,
24-
component: DashboardChakra,
24+
component: Dashboard,
2525
layout: "/admin",
2626
},
2727
{
2828
path: "/tables",
2929
name: "Tables",
3030
rtlName: "لوحة القيادة",
3131
icon: <StatsIcon color="inherit" />,
32-
component: TablesChakra,
32+
component: Tables,
3333
layout: "/admin",
3434
},
3535
{
3636
path: "/billing",
3737
name: "Billing",
3838
rtlName: "لوحة القيادة",
3939
icon: <CreditIcon color="inherit" />,
40-
component: BillingChakra,
40+
component: Billing,
4141
layout: "/admin",
4242
},
4343
{
@@ -52,15 +52,15 @@ var dashRoutes = [
5252
rtlName: "لوحة القيادة",
5353
icon: <PersonIcon color="inherit" />,
5454
secondaryNavbar: true,
55-
component: ProfileChakra,
55+
component: Profile,
5656
layout: "/admin",
5757
},
5858
{
5959
path: "/signin",
6060
name: "Sign In",
6161
rtlName: "لوحة القيادة",
6262
icon: <DocumentIcon color="inherit" />,
63-
component: SignInChakra,
63+
component: SignIn,
6464
layout: "/auth",
6565
},
6666
{
@@ -69,7 +69,7 @@ var dashRoutes = [
6969
rtlName: "لوحة القيادة",
7070
icon: <RocketIcon color="inherit" />,
7171
secondaryNavbar: true,
72-
component: SignUpChakra,
72+
component: SignUp,
7373
layout: "/auth",
7474
},
7575
],

‎src/variables/general.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ import { SiDropbox } from "react-icons/si";
3232
export const dashboardTableData = [
3333
{
3434
logo: AdobexdLogo,
35-
name: "Chakra Soft UI Version",
35+
name: "Purity UI Version",
3636
members: [avatar1, avatar2, avatar3, avatar4, avatar5],
3737
budget: "$14,000",
3838
progression: 60,
@@ -172,7 +172,7 @@ export const tablesTableData = [
172172
export const tablesProjectData = [
173173
{
174174
logo: AdobexdLogo,
175-
name: "Chakra Soft UI Version",
175+
name: "Purity UI Version",
176176
budget: "$14,000",
177177
status: "Working",
178178
progression: 60,

‎src/views/Dashboard/Billing.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@ function Billing() {
7474
>
7575
<Flex justify="space-between" align="center">
7676
<Text fontSize="md" fontWeight="bold">
77-
Chakra UI
77+
Purity UI
7878
</Text>
7979
<Icon
8080
as={RiMastercardFill}

‎src/views/Dashboard/Dashboard.js

+10-7
Original file line numberDiff line numberDiff line change
@@ -218,7 +218,7 @@ export default function Dashboard() {
218218
fontWeight="bold"
219219
pb=".5rem"
220220
>
221-
Chakra UI Soft Dashboard
221+
Purity UI Dashboard
222222
</Text>
223223
<Text fontSize="sm" color="gray.400" fontWeight="normal">
224224
From colors, cards, typography to complex elements, you will
@@ -230,15 +230,15 @@ export default function Dashboard() {
230230
p="0px"
231231
variant="no-hover"
232232
bg="transparent"
233-
my={{ sm: "1.5rem" }}
233+
my={{ sm: "1.5rem", lg: "0px" }}
234234
>
235235
<Text
236236
fontSize="sm"
237237
color={textColor}
238238
fontWeight="bold"
239239
cursor="pointer"
240240
transition="all .5s ease"
241-
my={{ sm: "1.5rem" }}
241+
my={{ sm: "1.5rem", lg: "0px" }}
242242
_hover={{ mr: "4px" }}
243243
>
244244
Read more
@@ -281,7 +281,7 @@ export default function Dashboard() {
281281
bgPosition="center"
282282
bgRepeat="no-repeat"
283283
w="100%"
284-
h={{ sm: "200px", md: "100%" }}
284+
h={{ sm: "200px", lg: "100%" }}
285285
bgSize="cover"
286286
position="relative"
287287
borderRadius="15px"
@@ -298,18 +298,21 @@ export default function Dashboard() {
298298
<Flex
299299
flexDirection="column"
300300
color="white"
301-
p="1.5rem 1.2rem"
301+
p="1.5rem 1.2rem 0.3rem 1.2rem"
302302
lineHeight="1.6"
303303
>
304304
<Text fontSize="xl" fontWeight="bold" pb=".3rem">
305305
Work with the rockets
306306
</Text>
307-
<Text fontSize="sm" fontWeight="normal" w={{ lg: "67%" }}>
307+
<Text fontSize="sm" fontWeight="normal" w={{ lg: "92%" }}>
308308
Wealth creation is a revolutionary recent positive-sum game.
309309
It is all about who takes the opportunity first.
310310
</Text>
311311
<Spacer />
312-
<Flex align="center">
312+
<Flex
313+
align="center"
314+
mt={{ sm: "20px", lg: "40px", xl: "90px" }}
315+
>
313316
<Button p="0px" variant="no-hover" bg="transparent" mt="12px">
314317
<Text
315318
fontSize="sm"

0 commit comments

Comments
 (0)