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

Changes in UI of Directory Notes Tabs and all the popups.

Browse Source
This commit is contained in:
Kartik Sharma 2025-09-12 16:11:31 +05:30
parent a7ccaa2812
commit 0484de498c
6 changed files with 25 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Directory/BucketForm.jsx
View File

@ -38,7 +38,7 @@ const BucketForm = ({ selectedBucket, mode, onSubmit, onCancel, isPending }) =>
{(isCreateMode || isEditMode) ? ( {(isCreateMode || isEditMode) ? (
<form onSubmit={handleSubmit(onSubmit)}> <form onSubmit={handleSubmit(onSubmit)}>
<div className="mb-3"> <div className="mb-3 mt-5">
<Label htmlFor="Name" className="text-start" required> <Label htmlFor="Name" className="text-start" required>
Name Name
</Label> </Label>
@ -65,10 +65,10 @@ const BucketForm = ({ selectedBucket, mode, onSubmit, onCancel, isPending }) =>
)} )}
</div> </div>
<div className="mt-4 d-flex gap-3 justify-content-end"> <div className="mt-4 mb-3 d-flex gap-3 justify-content-end">
<button <button
type="button" type="button"
className="btn btn-sm btn-secondary" className="btn btn-sm btn-label-secondary"
onClick={onCancel} onClick={onCancel}
disabled={isPending} disabled={isPending}
> >

7
src/components/Directory/ContactProfile.jsx
View File

@ -25,7 +25,7 @@ const ContactProfile = ({ contactId }) => {
return ( return (
<div className="p-1"> <div className="p-1">
<div className="text-center m-0 p-0"> <div className="text-center m-0 p-0">
<p className="fw-semibold fs-6 m-0">Contact Profile</p> <p className="fw-semibold fs-5 m-0">Contact Profile</p>
</div> </div>
<div> <div>
<div className="d-flex align-items-center mb-2"> <div className="d-flex align-items-center mb-2">
@ -65,11 +65,10 @@ const ContactProfile = ({ contactId }) => {
{email.emailAddress} {email.emailAddress}
</span> </span>
<i <i
className={`bx bx-copy-alt cursor-pointer bx-xs text-start ${ className={`bx bx-copy-alt cursor-pointer bx-xs text-start ${copiedIndex === idx
copiedIndex === idx
? "text-secondary" ? "text-secondary"
: "text-primary" : "text-primary"
}`} }`}
title={copiedIndex === idx ? "Copied!" : "Copy Email"} title={copiedIndex === idx ? "Copied!" : "Copy Email"}
style={{ flexShrink: 0 }} style={{ flexShrink: 0 }}
onClick={() => handleCopy(email.emailAddress, idx)} onClick={() => handleCopy(email.emailAddress, idx)}

2
src/components/Directory/ManageBucket1.jsx
View File

@ -43,7 +43,7 @@ const ManageBucket1 = () => {
return ( return (
<div className="container m-0 p-0" style={{ minHeight: "00px" }}> <div className="container m-0 p-0" style={{ minHeight: "00px" }}>
<div className="d-flex justify-content-center"> <div className="d-flex justify-content-center">
<p className="fs-6 fw-semibold m-0">Manage Buckets</p> <p className="fs-5 fw-semibold m-0">Manage Buckets</p>
</div> </div>
{action ? ( {action ? (
<> <>

8
src/components/Directory/ManageContact.jsx
View File

@ -181,10 +181,10 @@ const ManageContact = ({ contactId, closeModal }) => {
return ( return (
<FormProvider {...methods}> <FormProvider {...methods}>
<form className="p-2 p-sm-0" onSubmit={handleSubmit(onSubmit)}> <form className="p-2 p-sm-0" onSubmit={handleSubmit(onSubmit)}>
<div className="d-flex justify-content-center align-items-center"> <div className="d-flex justify-content-center align-items-center mb-4">
<h6 className="m-0 fw-18"> <h5 className="m-0 fw-18">
{contactId ? "Edit Contact" : "Create New Contact"} {contactId ? "Edit Contact" : "Create New Contact"}
</h6> </h5>
</div> </div>
{/* Name + Organization */} {/* Name + Organization */}
@ -473,7 +473,7 @@ const ManageContact = ({ contactId, closeModal }) => {
{/* Actions */} {/* Actions */}
<div className="d-flex justify-content-end gap-3 py-2"> <div className="d-flex justify-content-end gap-3 py-2">
<button <button
className="btn btn-sm btn-secondary" className="btn btn-sm btn-label-secondary"
type="button" type="button"
onClick={handleClosed} onClick={handleClosed}
disabled={isPending} disabled={isPending}

19
src/components/Directory/NoteCardDirectoryEditable.jsx
View File

@ -162,20 +162,25 @@ const NoteCardDirectoryEditable = ({
theme="snow" theme="snow"
className="compact-editor" className="compact-editor"
/> />
<div className="d-flex justify-content-end gap-3 mt-2"> <div className="d-flex justify-content-end gap-0 mt-2">
<span <button
className="text-secondary cursor-pointer" type="button"
className="btn btn-sm btn-label-secondary me-2 px-2 py-1"
onClick={() => setEditing(false)} onClick={() => setEditing(false)}
> >
Cancel Cancel
</span> </button>
<span
className="text-primary cursor-pointer" <button
type="button"
className="btn btn-sm btn-primary px-2 py-1"
onClick={handleUpdateNote} onClick={handleUpdateNote}
disabled={isUpatingNote}
> >
{isUpatingNote ? "Saving..." : "Submit"} {isUpatingNote ? "Saving..." : "Submit"}
</span> </button>
</div> </div>
</> </>
) : ( ) : (
<div <div

2
src/components/common/TextEditor/Editor.jsx
View File

@ -74,7 +74,7 @@ const Editor = ({
{/* Right: Submit + Cancel Buttons */} {/* Right: Submit + Cancel Buttons */}
<div className="d-flex justify-content-end gap-2 p-1"> <div className="d-flex justify-content-end gap-2 p-1">
<span <span
className="btn btn-xs btn-secondary" className="btn btn-xs btn-label-secondary"
aria-disabled={loading} aria-disabled={loading}
onClick={onCancel} onClick={onCancel}
> >