fix: improve member loading state handling in OrganizationSettings component

This commit is contained in:
Usman Baig
2026-02-09 14:57:30 +01:00
parent 55a8cec5af
commit ba39fcc458

View File

@@ -130,7 +130,11 @@ export default function OrganizationSettings() {
const currentOrgId = getOrgIdFromToken() const currentOrgId = getOrgIdFromToken()
const loadMembers = useCallback(async () => { const loadMembers = useCallback(async () => {
if (!currentOrgId) return if (!currentOrgId) {
setIsLoadingMembers(false)
return
}
setIsLoadingMembers(true)
try { try {
const [membersData, invitesData, orgData] = await Promise.all([ const [membersData, invitesData, orgData] = await Promise.all([
getOrganizationMembers(currentOrgId), getOrganizationMembers(currentOrgId),
@@ -867,7 +871,7 @@ export default function OrganizationSettings() {
) : invoices.length === 0 ? ( ) : invoices.length === 0 ? (
<div className="p-8 text-center text-neutral-500">No invoices found.</div> <div className="p-8 text-center text-neutral-500">No invoices found.</div>
) : ( ) : (
invoices.map((invoice) => ( {invoices.map((invoice) => (
<div key={invoice.id} className="px-4 py-3 flex items-center justify-between hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors"> <div key={invoice.id} className="px-4 py-3 flex items-center justify-between hover:bg-neutral-50 dark:hover:bg-neutral-800/50 transition-colors">
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div> <div>
@@ -903,7 +907,7 @@ export default function OrganizationSettings() {
)} )}
</div> </div>
</div> </div>
)) ))}
) )
} }
</div> </div>