Change all create button UI.

This commit is contained in:
Kartik Sharma 2025-09-24 16:53:34 +05:30 committed by pramod.mahajan
parent 9d9ca28bad
commit 84f9cb2e29
6 changed files with 43 additions and 62 deletions

View File

@ -149,30 +149,11 @@ const Documents = ({ Document_Entity, Entity }) => {
</label>
</div>
{/* Actions */}
<div className="col-6 col-md-6 col-lg-8 text-end">
{/* <span
className="text-tiny text-muted p-1 border-0 bg-none lead mx-3 cursor-pointer"
disabled={isRefetching}
onClick={() => {
setSearchText("");
setFilter(DocumentFilterDefaultValues);
refetchFn && refetchFn();
}}
>
Refresh
<i
className={`bx bx-refresh ms-1 ${
isRefetching ? "bx-spin" : ""
}`}
></i>
</span> */}
{(isSelf || canUploadDocument) && (
<button
className="btn btn-sm btn-primary me-3"
type="button"
title="Add New Document"
className="p-1 bg-primary rounded-circle cursor-pointer"
onClick={() =>
setManageDoc({
document: null,
@ -180,7 +161,10 @@ const Documents = ({ Document_Entity, Entity }) => {
})
}
>
<i className="bx bx-plus fs-4 text-white"></i>
<i className="bx bx-plus-circle me-2"></i>
<span className="d-none d-md-inline-block">
Add New Document
</span>
</button>
)}
</div>

View File

@ -308,7 +308,7 @@ const Teams = () => {
{activeEmployee ? "Active Employees" : "Inactive Employees"}
</label>
</div>
<div className="dataTables_filter d-inline-flex align-items-center ms-2">
<div className="dataTables_filter d-inline-flex align-items-center ms-2">x``
<input
type="search"
className="form-control form-control-sm me-4"

View File

@ -131,9 +131,8 @@ const ExpensePage = () => {
<div className="col-6 text-end mt-2 mt-sm-0">
{IsCreatedAble && (
<button
className="btn btn-sm btn-primary"
type="button"
className="p-1 me-1 m-sm-0 bg-primary rounded-circle"
title="Add New Expense"
onClick={() =>
setManageExpenseModal({
IsOpen: true,
@ -141,7 +140,10 @@ const ExpensePage = () => {
})
}
>
<i className="bx bx-plus fs-4 text-white"></i>
<i className="bx bx-plus-circle me-2"></i>
<span className="d-none d-md-inline-block">
Add New Expense
</span>
</button>
)}
</div>

View File

@ -4,9 +4,9 @@ import { useOrganizationModal } from "../../hooks/useOrganization";
import OrganizationsList from "../../components/Organization/OrganizationsList";
const OrganizationPage = () => {
const { isOpen, orgData, startStep, onOpen, flowType } =
const { isOpen, orgData, startStep, onOpen, flowType } =
useOrganizationModal();
const [searchText,setSearchText] = useState("")
const [searchText, setSearchText] = useState("")
return (
<div className="container-fluid">
@ -21,7 +21,7 @@ const OrganizationPage = () => {
<input
type="search"
value={searchText}
onChange={(e)=>setSearchText(e.target.value)}
onChange={(e) => setSearchText(e.target.value)}
className="form-control form-control-sm w-auto"
placeholder="Search Organization"
aria-describedby="search-label"
@ -29,20 +29,22 @@ const OrganizationPage = () => {
</div>
</div>
<div className="col-6 text-end mt-2 mt-sm-0">
<div className="col-6 text-end mt-2 mt-sm-0">
<button
className="btn btn-sm btn-primary"
type="button"
className="p-1 me-1 m-sm-0 bg-primary rounded-circle"
title="Add New Organization"
onClick={()=>onOpen({ startStep: 2,flowType:"default" })}
onClick={() => onOpen({ startStep: 2, flowType: "default" })}
>
<i className="bx bx-plus fs-4 text-white"></i>
<i className="bx bx-plus-circle me-2"></i>
<span className="d-none d-md-inline-block">
Add New Organization
</span>
</button>
</div>
</div>
</div>
</div>
<OrganizationsList searchText={searchText}/>
<OrganizationsList searchText={searchText} />
</div>
);

View File

@ -146,19 +146,20 @@ const TenantPage = () => {
>
Refresh{" "}
<i
className={`bx bx-refresh ms-1 ${
isRefetching ? "bx-spin" : ""
}`}
className={`bx bx-refresh ms-1 ${isRefetching ? "bx-spin" : ""
}`}
></i>
</span>
<button
className="btn btn-sm btn-primary"
type="button"
title="Add New Tenant"
className="p-1 bg-primary rounded-circle cursor-pointer"
onClick={handleNewTenant}
>
<i className="bx bx-plus fs-4 text-white"></i>
<i className="bx bx-plus-circle me-2"></i>
<span className="d-none d-md-inline-block">
Add New Tenant
</span>
</button>
</div>
</div>

View File

@ -168,9 +168,8 @@ const ProjectList = () => {
<div className="d-flex gap-2 mb-2">
<button
type="button"
className={`btn btn-sm p-1 ${
!listView ? "btn-primary" : "btn-outline-primary"
}`}
className={`btn btn-sm p-1 ${!listView ? "btn-primary" : "btn-outline-primary"
}`}
onClick={() => setListView(false)}
data-bs-toggle="tooltip"
data-bs-custom-class="tooltip"
@ -180,9 +179,8 @@ const ProjectList = () => {
</button>
<button
type="button"
className={`btn btn-sm p-1 ${
listView ? "btn-primary" : "btn-outline-primary"
}`}
className={`btn btn-sm p-1 ${listView ? "btn-primary" : "btn-outline-primary"
}`}
onClick={() => setListView(true)}
data-bs-toggle="tooltip"
data-bs-custom-class="tooltip"
@ -192,7 +190,7 @@ const ProjectList = () => {
</button>
</div>
<div className="dropdown mt-1">
<div className="dropdown mt-1">
<a
className="dropdown-toggle hide-arrow cursor-pointer p-1 mt-3 "
data-bs-toggle="dropdown"
@ -243,18 +241,14 @@ const ProjectList = () => {
<div>
<button
className="btn btn-sm btn-primary"
type="button"
data-bs-toggle="tooltip"
data-bs-offset="0,8"
data-bs-placement="top"
data-bs-custom-class="tooltip"
title="Add New Project"
className={`p-1 me-2 bg-primary rounded-circle ${
!HasManageProject && "d-none"
}`}
onClick={handleShow}
>
<i className="bx bx-plus fs-4 text-white"></i>
<i className="bx bx-plus-circle me-2"></i>
<span className="d-none d-md-inline-block">
Add New Project
</span>
</button>
</div>
</div>
@ -333,9 +327,8 @@ const ProjectList = () => {
</div>
</th>
<th
className={`mx-2 ${
HasManageProject ? "d-sm-table-cell" : "d-none"
}`}
className={`mx-2 ${HasManageProject ? "d-sm-table-cell" : "d-none"
}`}
>
Action
</th>
@ -403,9 +396,8 @@ const ProjectList = () => {
</li>
))}
<li
className={`page-item ${
currentPage === totalPages && "disabled"
}`}
className={`page-item ${currentPage === totalPages && "disabled"
}`}
>
<button
className="page-link"