diff --git a/resources/js/show/components/fields/Dashboard.vue b/resources/js/show/components/fields/Dashboard.vue index 2701a2476..ae69887ca 100644 --- a/resources/js/show/components/fields/Dashboard.vue +++ b/resources/js/show/components/fields/Dashboard.vue @@ -23,7 +23,11 @@ const props = defineProps & { ariaLabelledby?: string }>(); - const collapsed = ref(props.collapsable); + const remembered = useRemember({ + data: null as DashboardData | null, + collapsed: props.collapsable, + }, `dashboard_${props.field.key}`); + const collapsed = ref(props.collapsable && remembered.value.collapsed); const dashboard: Ref = ref(null); const filters: FilterManager = useFilters(); const reload: CommandResponseHandlers['reload'] = (data, { formModal }) => { @@ -42,10 +46,6 @@ reload({ action: 'reload' }, { formModal }); }, }); - const remembered = useRemember({ - data: null as DashboardData | null, - collapsed: collapsed.value, // TODO handle remembered collapse state - }, `dashboard_${props.field.key}`); if(remembered.value.data && !collapsed.value) { diff --git a/resources/js/show/components/fields/EntityList.vue b/resources/js/show/components/fields/EntityList.vue index 34ae6cdc4..45a020d61 100644 --- a/resources/js/show/components/fields/EntityList.vue +++ b/resources/js/show/components/fields/EntityList.vue @@ -22,7 +22,11 @@ const props = defineProps & { highlightedInstanceId?: string | number, ariaLabelledby?: string }>(); const el = ref(); - const collapsed = ref(props.collapsable && !props.highlightedInstanceId); + const remembered = useRemember({ + data: null as EntityListData | null, + collapsed: props.collapsable, + }, `entityList_${props.field.key}`); + const collapsed = ref(props.collapsable && !props.highlightedInstanceId && remembered.value.collapsed); const entityList: Ref = ref(null); const filters: FilterManager = useFilters(); const commands = useCommands('entityList', { @@ -41,10 +45,6 @@ formModal.shouldReopen && formModal.reopen(); }, }); - const remembered = useRemember({ - data: null as EntityListData | null, - collapsed: collapsed.value, // TODO handle remembered collapse state - }, `entityList_${props.field.key}`); if(remembered.value.data && !collapsed.value) {