Merge branch 'developer' of https://github.com/fdhhhdjd/FullStack-Sho…

…pShoes into backend-#87
fdhhhdjd · Oct 20, 2022 · 8b80fd9 · 8b80fd9
2 parents d4eb1db + 2a7d948
commit 8b80fd9
Show file tree

Hide file tree

Showing 5 changed files with 163 additions and 0 deletions.
diff --git a/frontend/src/v1/router/index.js b/frontend/src/v1/router/index.js
@@ -5,6 +5,7 @@ import {
   Forget_Password_Users,
   Reset_Password_Users,
   Profile_USers,
+  Profile_Customers,
 } from "../user_ui/imports/Authen_Users_Import";
 import {
   Detail_Product,
@@ -49,6 +50,11 @@ const RoutesDataUser = [
     path: "product/:id",
     main: <Detail_Product />,
   },
+  //* Detail Products
+  {
+    path: "info/customer/:id",
+    main: <Profile_Customers />,
+  },
   //* Profile
   {
     path: "profile",

diff --git a/frontend/src/v1/styles/Profile_Customers/Profile_Customers.css b/frontend/src/v1/styles/Profile_Customers/Profile_Customers.css
@@ -0,0 +1,44 @@
+.card {
+    box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 2px 0 rgba(0,0,0,.06);
+}
+
+.card {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    word-wrap: break-word;
+    background-color: #fff;
+    background-clip: border-box;
+    border: 0 solid rgba(0,0,0,.125);
+    border-radius: .25rem;
+}
+
+.card-body {
+    flex: 1 1 auto;
+    min-height: 1px;
+    padding: 1rem;
+}
+
+.gutters-sm {
+    margin-right: -8px;
+    margin-left: -8px;
+}
+
+.gutters-sm>.col, .gutters-sm>[class*=col-] {
+    padding-right: 8px;
+    padding-left: 8px;
+}
+.mb-3, .my-3 {
+    margin-bottom: 1rem!important;
+}
+
+.bg-gray-300 {
+    background-color: black;
+}
+.h-100 {
+    height: 100%!important;
+}
+.shadow-none {
+    box-shadow: none!important;
+}
diff --git a/frontend/src/v1/user_ui/components/Profile_Customers/Info_Customer.js b/frontend/src/v1/user_ui/components/Profile_Customers/Info_Customer.js
@@ -0,0 +1,7 @@
+import React from "react";
+
+const Info_Customer = () => {
+  return <div>Info_Customer</div>;
+};
+
+export default Info_Customer;
diff --git a/frontend/src/v1/user_ui/components/Profile_Customers/Profile_Customers.js b/frontend/src/v1/user_ui/components/Profile_Customers/Profile_Customers.js
@@ -0,0 +1,103 @@
+import moment from "moment";
+import React from "react";
+import { useSelector } from "react-redux";
+import {
+  Lazy_Loading_Image,
+  Metadata,
+} from "../../imports/General_Global_Import";
+import {
+  Tab_Change_Password,
+  Tab_Profile_User,
+} from "../../imports/User_Info_Import";
+import "../../../styles/Profile_Customers/Profile_Customers.css";
+const Profile_Customers = () => {
+  const { profile } = useSelector((state) => ({ ...state.auth_user }));
+  return (
+    <>
+      <div className="container mt-5  img-thumbnail">
+        <div className="main-body">
+          {/* /Breadcrumb */}
+          <div className="row gutters-sm">
+            <div className="col-md-4 mb-3">
+              <div className="card">
+                <div className="author-card-cover"></div>
+                <div className="card-body">
+                  <div className="d-flex flex-column align-items-center text-center ">
+                    <img
+                      src="https://bootdey.com/img/Content/avatar/avatar7.png"
+                      alt="Admin"
+                      className="rounded-circle rounded-circle p-1 bg-success"
+                      width={150}
+                    />
+                    <div className="mt-3">
+                      <h4>John Doe</h4>
+                      <p className="text-secondary mb-1">
+                        Full Stack Developer
+                      </p>
+                      <p className="text-muted font-size-sm">
+                        Bay Area, San Francisco, CA
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="col-md-8">
+              <div className="card mb-3">
+                <div className="author-card-cover"></div>
+                <div className="card-body">
+                  <div className="row">
+                    <div className="col-sm-3">
+                      <h6 className="mb-0">Full Name</h6>
+                    </div>
+                    <div className="col-sm-9 text-secondary">
+                      Kenneth Valdez
+                    </div>
+                  </div>
+                  <hr />
+                  <div className="row">
+                    <div className="col-sm-3">
+                      <h6 className="mb-0">Email</h6>
+                    </div>
+                    <div className="col-sm-9 text-secondary">fip@jukmuh.al</div>
+                  </div>
+                  <hr />
+                  <div className="row">
+                    <div className="col-sm-3">
+                      <h6 className="mb-0">Phone</h6>
+                    </div>
+                    <div className="col-sm-9 text-secondary">
+                      (239) 816-9029
+                    </div>
+                  </div>
+                  <hr />
+                  <div className="row">
+                    <div className="col-sm-3">
+                      <h6 className="mb-0">Mobile</h6>
+                    </div>
+                    <div className="col-sm-9 text-secondary">
+                      (320) 380-4539
+                    </div>
+                  </div>
+                  <hr />
+                  <div className="row">
+                    <div className="col-sm-3">
+                      <h6 className="mb-0">Address</h6>
+                    </div>
+                    <div className="col-sm-9 text-secondary">
+                      Bay Area, San Francisco, CA
+                    </div>
+                  </div>
+                  <hr />
+                  <div className="row"></div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+};
+
+export default Profile_Customers;
diff --git a/frontend/src/v1/user_ui/imports/Authen_Users_Import.js b/frontend/src/v1/user_ui/imports/Authen_Users_Import.js
@@ -23,3 +23,6 @@ export { default as Recaptcha_Users } from "../components/Social/Recaptcha_Users
 
 //* Profile Users
 export { default as Profile_USers } from "../pages/Authentication_Users/Profile_Users";
+
+//* Profile Customers
+export { default as Profile_Customers } from "../components/Profile_Customers/Profile_Customers";