diff --git a/public/index.html b/public/index.html index e4a3243..b5b6396 100644 --- a/public/index.html +++ b/public/index.html @@ -9,36 +9,11 @@ name="description" content="Web site created using create-react-app" /> - - - - React App
- diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json deleted file mode 100644 index 080d6c7..0000000 --- a/public/manifest.json +++ /dev/null @@ -1,25 +0,0 @@ -{ - "short_name": "React App", - "name": "Create React App Sample", - "icons": [ - { - "src": "favicon.ico", - "sizes": "64x64 32x32 24x24 16x16", - "type": "image/x-icon" - }, - { - "src": "logo192.png", - "type": "image/png", - "sizes": "192x192" - }, - { - "src": "logo512.png", - "type": "image/png", - "sizes": "512x512" - } - ], - "start_url": ".", - "display": "standalone", - "theme_color": "#000000", - "background_color": "#ffffff" -} diff --git a/public/robots.txt b/public/robots.txt deleted file mode 100644 index e9e57dc..0000000 --- a/public/robots.txt +++ /dev/null @@ -1,3 +0,0 @@ -# https://www.robotstxt.org/robotstxt.html -User-agent: * -Disallow: diff --git a/src/App.js b/src/App.js index 768ad79..27b2097 100644 --- a/src/App.js +++ b/src/App.js @@ -6,6 +6,7 @@ import { Main } from "components/Layout"; import Home from "pages/Home"; import Tables from "pages/Tables"; import Billing from "pages/Billing"; +import Profile from "pages/Profile"; export default function App() { return ( <> @@ -17,6 +18,8 @@ export default function App() { } /> } /> } /> + } /> + } /> diff --git a/src/components/Layout/AntdHeader.js b/src/components/Layout/AntdHeader.js index f6e15d3..42235b5 100644 --- a/src/components/Layout/AntdHeader.js +++ b/src/components/Layout/AntdHeader.js @@ -5,7 +5,6 @@ import { handleFixedNavbar, handleSideNavColor, handleSidenavType, - setPlaceMent, handleSidebar, } from "Redux/features/MainSlice"; import { @@ -57,12 +56,23 @@ const { Title, Text } = Typography; const menu = ( ( - + } title={item.title} description={item.description} @@ -78,7 +88,7 @@ const buttonList = [ { color: "#fadb14", type: "yellow" }, { color: "#111", type: "black" }, ]; -export default function AntdHeader({name}) { +export default function AntdHeader({ name }) { const { sideNavType, visible, placement } = useSelector( (state) => state.mainSlice ); @@ -110,12 +120,13 @@ export default function AntdHeader({name}) { - - e.preventDefault()} - > + + {bell} diff --git a/src/components/Layout/Header.js b/src/components/Layout/Header.js index 60fe0a7..39173ea 100644 --- a/src/components/Layout/Header.js +++ b/src/components/Layout/Header.js @@ -1,13 +1,16 @@ import React from "react"; import { Layout, Menu, Button } from "antd"; import { items } from "utils/SignInUpData"; +import { Link } from "react-router-dom"; const { Header } = Layout; const AntdHeader = ({ btn }) => { return (
-
Ant DashBoard
+ +
Ant DashBoard
+
( + renderItem={(item) => ( - {avatar} + + {item.avatar} } />
- {amount} + {item.amount} +
+ + )} + /> + YESTERDAY} + className="yestday transactions-list" + itemLayout="horizontal" + dataSource={yesterday} + renderItem={(item) => ( + + + {item.avatar} + + } + title={item.title} + description={item.description} + /> +
+ {item.amount}
)} diff --git a/src/pages/Home.js b/src/pages/Home.js index e311824..f28d3ec 100644 --- a/src/pages/Home.js +++ b/src/pages/Home.js @@ -179,7 +179,6 @@ export default function Home() { - {/* need to take a look at gutter */}
diff --git a/src/pages/Profile.js b/src/pages/Profile.js new file mode 100644 index 0000000..7ae11eb --- /dev/null +++ b/src/pages/Profile.js @@ -0,0 +1,186 @@ +import React from "react"; +import { Iconify } from "utils/Iconify"; +import BgProfile from "assets/images/bg-profile.jpg"; +import profilavatar from "assets/images/face-1.jpg"; +import { project, data } from "utils/ProfileData"; +import { + Row, + Col, + Card, + Button, + List, + Descriptions, + Avatar, + Radio, + Switch, + Upload, + message, +} from "antd"; +export default function Profile() { + return ( + <> +
+ + + + +
+

Sarah Jacob

+

CEO / Co-Founder

+
+ + + + + OVERVIEW + TEAMS + PROJECTS + + + + } + /> + + + Platform Settings} + > +
    +
  • +
    ACCOUNT
    +
    • +
  • + + Email me when someone follows me +
    • +
  • + + Email me when someone answers me +
    • +
  • + + Email me when someone mentions me +
    • +
  • +
    + APPLICATION +
    +
    • +
  • + + New launches and projects +
    • +
  • + + Monthly product updates +
    • +
  • + + Subscribe to newsletter +
    • +
+ + + + Profile Information} + className="header-solid h-full card-profile-information" + extra={ + + } + bodyStyle={{ paddingTop: 0, paddingBottom: 16 }} + > +

+ Hi, I’m Alec Thompson, Decisions: If you can’t decide, the answer + is no. If two equally difficult paths, choose the one more painful + in the short term (pain avoidance is creating an illusion of + equality). +

+
+ + + Sarah Emily Jacob + + + (44) 123 1234 123 + + + sarahjacob@mail.com + + + USA + + + + {} + + + { + + } + + + { + + } + + + + + + + Conversations} + className="header-solid h-full" + bodyStyle={{ paddingTop: 0, paddingBottom: 16 }} + > + ( + REPLY]}> + + } + title={item.title} + description={item.description} + /> + + )} + /> + + + + + ); +} diff --git a/src/utils/HeaderData.js b/src/utils/HeaderData.js index cc76541..9d83386 100644 --- a/src/utils/HeaderData.js +++ b/src/utils/HeaderData.js @@ -119,13 +119,11 @@ const data = [ { title: "New message from Sophie", description: <>{clockicon} 2 days ago, - avatar: avtar, }, { title: "New album by Travis Scott", description: <>{clockicon} 2 days ago, - avatar: {wifi}, }, { diff --git a/src/utils/ProfileData.js b/src/utils/ProfileData.js new file mode 100644 index 0000000..f7894d7 --- /dev/null +++ b/src/utils/ProfileData.js @@ -0,0 +1,62 @@ +import convesionImg from "assets/images/face-3.jpg"; +import convesionImg2 from "assets/images/face-4.jpg"; +import convesionImg3 from "assets/images/face-5.jpeg"; +import convesionImg4 from "assets/images/face-6.jpeg"; +import convesionImg5 from "assets/images/face-2.jpg"; +import project1 from "assets/images/home-decor-1.jpeg"; +import project2 from "assets/images/home-decor-2.jpeg"; +import project3 from "assets/images/home-decor-3.jpeg"; + +const data = [ + { + title: "Sophie B.", + avatar: convesionImg, + description: "Hi! I need more information…", + }, + { + title: "Anne Marie", + avatar: convesionImg2, + description: "Awesome work, can you…", + }, + { + title: "Ivan", + avatar: convesionImg3, + description: "About files I can…", + }, + { + title: "Peterson", + avatar: convesionImg4, + description: "Have a great afternoon…", + }, + { + title: "Nick Daniel", + avatar: convesionImg5, + description: "Hi! I need more information…", + }, +]; + +const project = [ + { + img: project1, + titlesub: "Project #1", + title: "Modern", + disciption: + "As Uber works through a huge amount of internal management turmoil.", + }, + { + img: project2, + titlesub: "Project #2", + title: "Scandinavian", + disciption: + "Music is something that every person has his or her own specific opinion about.", + }, + { + img: project3, + titlesub: "Project #3", + title: "Minimalist", + disciption: + "Different people have different taste, and various types of music, Zimbali Resort", + }, +]; + +export { project, data };