BhawanSingh
/
SME-Web
2
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

jai #13

Merged
jaipandey merged 11 commits from jai into main 2025-07-31 06:59:43 +00:00
Conversation 0 Commits 11 Files Changed 29 +106 -100
4 changed files with 106 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 7cbd74fc14 - Show all commits

6
src/components/contacts/Contacts.tsx
View File

@ -83,11 +83,11 @@ const Contacts = () => {
const handleContactSubmit = async (data: ContactData, type: "") => {
try {
let res ;
let res;
setCreateAndInviteLoader(true);
if (type === 'Edit') {
res = await api.put(`/api/accounts/${activeAccountId}/contacts`, [data])
}else{
} else {
res = await api.post(`/api/accounts/${activeAccountId}/contacts`, [data]);
}
if (res.status === 200) {
@ -115,6 +115,7 @@ const Contacts = () => {
return (
<>
<div className='px-1.5'>
<div className='flex justify-end my-2 cursor-pointer'>
<div
onClick={() => setShowModal((prev) => !prev)}
@ -192,6 +193,7 @@ const Contacts = () => {
loading={createAndInviteLoader} setShowModal={setShowModal} actionStatus={actionStatus} editJsonData={editJsonData} />
}
</div>
</div>
</>
);
};

1
src/components/dashboard/Loader.tsx
View File

@ -1,4 +1,3 @@
import React from 'react'
import { LuSignature } from "react-icons/lu";
import { useSelector } from 'react-redux';
import { RootState } from '../../store/store';

22
src/components/templates/Templates.tsx
View File

@ -136,7 +136,15 @@ const Templates = () => {
</tr>
</thead>
{templates.length > 0 ? (
{loading ? (
<tbody>
<tr>
<td colSpan="6" className="relative h-100">
<LoaderUi />
</td>
</tr>
</tbody>
) : templates.length > 0 ? (
<tbody className="divide-y divide-gray-200">
{templates.map((item, index) => {
return (
@ -200,18 +208,12 @@ const Templates = () => {
) : (
<tbody>
<tr>
<td colSpan="5">
<div className="relative flex justify-center items-center h-100 w-full">
{/* Pulsing background div */}
<div className="absolute inset-0 bg-gradient-to-r from-gray-200 to-white animate-pulse"></div>
{/* Loader stays on top, no animation */}
<LoaderUi classStyle="relative h-16 w-16" />
</div>
<td colSpan="6" className="text-center py-10 text-gray-500">
No templates found.
</td>
</tr>
</tbody>
)}
</table>
</div>

29
src/helper/LoaderUi.tsx
View File

@ -1,19 +1,22 @@
import { LuSignature } from "react-icons/lu";
interface StyleProps {
classStyle : string
classStyle?: string;
}
const LoaderUi = ({ classStyle }:StyleProps) => {
const LoaderUi = ({ classStyle = '' }: StyleProps) => {
return (
<div className={classStyle}>
<svg viewBox="0 0 240 240" height="240" width="240" className="pl">
<circle strokeLinecap="round" strokeDashoffset="-330" strokeDasharray="0 660" strokeWidth="20" stroke="#000" fill="none" r="105" cy="120" cx="120" className="pl__ring pl__ring--a"></circle>
<circle strokeLinecap="round" strokeDashoffset="-110" strokeDasharray="0 220" strokeWidth="20" stroke="#000" fill="none" r="35" cy="120" cx="120" className="pl__ring pl__ring--b"></circle>
<circle strokeLinecap="round" strokeDasharray="0 440" strokeWidth="20" stroke="#000" fill="none" r="70" cy="120" cx="85" className="pl__ring pl__ring--c"></circle>
<circle strokeLinecap="round" strokeDasharray="0 440" strokeWidth="20" stroke="#000" fill="none" r="70" cy="120" cx="155" className="pl__ring pl__ring--d"></circle>
</svg>
</div>
)
}
<div className={`absolute inset-0 flex items-center justify-center z-50 ${classStyle}`}>
{/* Overlay */}
<div className="absolute inset-0 bg-black/30 opacity-60"></div>
export default LoaderUi
{/* Loader box */}
<div className="relative z-10 bg-[var(--loaderBg)] flex flex-col justify-center items-center gap-2 px-16 py-8 rounded-md shadow-lg">
<LuSignature className="text-4xl font-bold animate-text" />
<p>Loading...!</p>
</div>
</div>
);
};
export default LoaderUi;