admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

remove unnecessary stuff

Browse Source
This commit is contained in:
Pramod Mahajan 2025-04-25 12:36:59 +05:30
parent de231145d4
commit b53286672a
1 changed files with 32 additions and 76 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

108
src/pages/Directory/Directory.jsx
View File

@ -1,56 +1,13 @@
import React, {useState} from "react"; import React, { useState } from "react";
import Breadcrumb from "../../components/common/Breadcrumb"; import Breadcrumb from "../../components/common/Breadcrumb";
import IconButton from "../../components/common/IconButton"; import IconButton from "../../components/common/IconButton";
import GlobalModel from "../../components/common/GlobalModel"; import GlobalModel from "../../components/common/GlobalModel";
import ManageDirectory from "../../components/Directory/ManageDirectory"; import ManageDirectory from "../../components/Directory/ManageDirectory";
const Directory = () => const Directory = () => {
{ const [isOpenModal, setIsOpenModal] = useState(false);
const [ isOpenModal, setIsOpenModal ] = useState( false ) const closedModel = () => setIsOpenModal(false);
const closedModel = () => setIsOpenModal( false )
const contacts = [
{
"userId": 1,
"firstName": "Krish",
"lastName": "Lee",
"phoneNumber": "123456",
"emailAddress": "krish.lee@learningcontainer.com",
"type":"Clinet"
},
{
"userId": 2,
"firstName": "racks",
"lastName": "jacson",
"phoneNumber": "123456",
"emailAddress": "racks.jacson@learningcontainer.com",
"type":"Vendor"
},
{
"userId": 3,
"firstName": "denial",
"lastName": "roast",
"phoneNumber": "33333333",
"emailAddress": "denial.roast@learningcontainer.com",
"type":"vendor"
},
{
"userId": 4,
"firstName": "devid",
"lastName": "neo",
"phoneNumber": "222222222",
"emailAddress": "devid.neo@learningcontainer.com",
"type":"employee"
},
{
"userId": 5,
"firstName": "jone",
"lastName": "mac",
"phoneNumber": "111111111",
"emailAddress": "jone.mac@learningcontainer.com",
"type":"employee"
}
]
return ( return (
<div className="container-xxl flex-grow-1 container-p-y"> <div className="container-xxl flex-grow-1 container-p-y">
<Breadcrumb <Breadcrumb
@ -58,33 +15,32 @@ const Directory = () =>
{ label: "Home", link: "/dashboard" }, { label: "Home", link: "/dashboard" },
{ label: "Directory", link: null }, { label: "Directory", link: null },
]} ]}
></Breadcrumb> ></Breadcrumb>
<GlobalModel isOpen={isOpenModal} closeModal={closedModel}> <GlobalModel isOpen={isOpenModal} closeModal={closedModel}>
<ManageDirectory/> <ManageDirectory />
</GlobalModel> </GlobalModel>
<div className="row"> <div className="row">
<div className="row mx-0 px-0"> <div className="row mx-0 px-0">
<div className="col-md-4 col-6 flex-grow-1 mb-2 px-1"> <div className="col-md-4 col-6 flex-grow-1 mb-2 px-1">
<input <input
type="search" type="search"
className="form-control form-control-sm" className="form-control form-control-sm"
placeholder="Search projects..." placeholder="Search projects..."
/>
/> </div>
</div> <div className="col-md-8 col-6 text-end flex-grow-1 mb-2 px-1">
<div className="col-md-8 col-6 text-end flex-grow-1 mb-2 px-1"> <button
<button
type="button" type="button"
className={`btn btn-sm btn-primary `} className={`btn btn-sm btn-primary `}
onClick={() => setIsOpenModal(true)} onClick={() => setIsOpenModal(true)}
> >
<i className="bx bx-plus-circle me-2"></i> <i className="bx bx-plus-circle me-2"></i>
New Contact New Contact
</button> </button>
</div> </div>
</div> </div>
<div className="table-responsive text-nowrap py-2 "> <div className="table-responsive text-nowrap py-2 ">
<table className="table px-2"> <table className="table px-2">
<thead> <thead>
@ -103,7 +59,8 @@ const Directory = () =>
<span>Email</span> <span>Email</span>
</div> </div>
</th> </th>
<th className="mx-2"><div className="d-flex align-items-center m-0 p-0 gap-1"> <th className="mx-2">
<div className="d-flex align-items-center m-0 p-0 gap-1">
<IconButton <IconButton
size={12} size={12}
iconClass="bx bx-phone" iconClass="bx bx-phone"
@ -111,18 +68,17 @@ const Directory = () =>
onClick={() => alert("User icon clicked")} onClick={() => alert("User icon clicked")}
/> />
<span>Phone</span> <span>Phone</span>
</div> </div>
</th> </th>
<th className="mx-2"> <th className="mx-2">
<div className="d-flex align-items-center gap-1"> <div className="d-flex align-items-center gap-1">
<IconButton <IconButton
size={12} size={12}
iconClass="bx bxs-grid-alt" iconClass="bx bxs-grid-alt"
color="info" color="info"
/> />
<span>Organization</span> <span>Organization</span>
</div> </div>
</th> </th>
<th className="mx-2"> <th className="mx-2">
<div className="dropdown"> <div className="dropdown">