Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 09:11:57 +10:00
Code Issues Packages Projects Releases Wiki Activity

implement expand/collapse all sections

Browse Source
This commit is contained in:
Amruth Pillai
2025-11-04 15:21:17 +01:00
parent f6f2a29a7a
commit 1cc1c39903
60 changed files with 1913 additions and 860 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
apps/client/src/stores/resume.ts
View File

@ -24,9 +24,11 @@ type ResumeStore = {
addSection: () => void;
removeSection: (sectionId: SectionKey) => void;
collapsedSections: Record<string, boolean>;
toggleSectionCollapsed: (id: string) => void;
setSectionCollapsed: (id: string, collapsed: boolean) => void;
// Section Collapsed/Expanded State
collapsedSections: Record<string, boolean | undefined>;
toggleCollapseSection: (id: string) => void;
expandAllSections: () => void;
collapseAllSections: () => void;
};
export const useResumeStore = create<ResumeStore>()(
@ -74,16 +76,27 @@ export const useResumeStore = create<ResumeStore>()(
}
},
collapsedSections: {},
toggleSectionCollapsed: (id) => {
toggleCollapseSection: (id) => {
set((state) => {
state.collapsedSections[id] = !state.collapsedSections[id];
});
},
setSectionCollapsed: (id, collapsed) => {
expandAllSections: () => {
set((state) => {
state.collapsedSections[id] = collapsed;
state.collapsedSections = {};
});
},
collapseAllSections: () => {
set((state) => {
const collapsed: Record<string, boolean> = { basics: true };
for (const section of Object.keys(state.resume.data.sections)) {
collapsed[section] = true;
}
// Add any custom sections to the collapsed state
for (const section of Object.keys(state.resume.data.sections.custom)) {
collapsed[`custom.${section}`] = true;
}
state.collapsedSections = collapsed;
});
},
})),