diff --git a/packages/builder/src/components/common/DashCard.svelte b/packages/builder/src/components/common/DashCard.svelte index d5d9d2ff37..f4e562859f 100644 --- a/packages/builder/src/components/common/DashCard.svelte +++ b/packages/builder/src/components/common/DashCard.svelte @@ -37,6 +37,7 @@ border-bottom: 1px solid var(--spectrum-global-color-gray-300); display: flex; justify-content: space-between; + transition: background-color 130ms ease-out; } .dash-card-body { padding: var(--spacing-xl) calc(var(--spacing-xl) * 2); diff --git a/packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte b/packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte index a0067df157..695f48a9e2 100644 --- a/packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte +++ b/packages/builder/src/pages/builder/portal/overview/_components/OverviewTab.svelte @@ -27,22 +27,26 @@ }, }) - let appEditor, appEditorPromise + let appEditor $: updateAvailable = clientPackage.version !== $store.version - $: isPublished = app && app?.status === AppStatus.DEPLOYED + $: isPublished = app?.status === AppStatus.DEPLOYED $: appEditorId = !app?.updatedBy ? $auth.user._id : app?.updatedBy $: appEditorText = appEditor?.firstName || appEditor?.email $: fetchAppEditor(appEditorId) $: appUsers = $appUsersFetch.rows || [] + $: appUsersFetch.update({ + query: { + appId: apps.getProdAppID(app.devId), + }, + }) const unpublishApp = () => { dispatch("unpublish", app) } async function fetchAppEditor(editorId) { - appEditorPromise = users.get(editorId) - appEditor = await appEditorPromise + appEditor = await users.get(editorId) } const getInitials = user => { @@ -89,11 +93,9 @@ - -
- {#await appEditorPromise} - - {:then _} + {#if appEditor} + +
{#if appEditor} @@ -102,22 +104,20 @@
{/if}
- {:catch error} -

Could not fetch user: {error.message}

- {/await} -
- {#if app} - {processStringSync( - "Last edited {{ duration time 'millisecond' }} ago", - { - time: - new Date().getTime() - new Date(app?.updatedAt).getTime(), - } - )} - {/if} +
+ {#if app} + {processStringSync( + "Last edited {{ duration time 'millisecond' }} ago", + { + time: + new Date().getTime() - new Date(app?.updatedAt).getTime(), + } + )} + {/if} +
-
-
+ + {/if}