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

- upgrade react-resizable-panels to latest version

Browse Source 
- update translations
- remove cypress
- add await to all return blocks
This commit is contained in:
Amruth Pillai
2023-11-19 09:52:55 +01:00
parent 9c4db2956b
commit 8b217dfcfa
95 changed files with 4162 additions and 4213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
apps/client/src/stores/builder.ts
View File

@ -1,4 +1,3 @@
import { ImperativePanelHandle } from "react-resizable-panels";
import { create } from "zustand";
import { immer } from "zustand/middleware/immer";
@ -7,11 +6,15 @@ type Sheet = {
setOpen: (open: boolean) => void;
};
type Panel = {
type PanelHandle = {
isDragging: boolean;
setDragging: (dragging: boolean) => void;
ref: ImperativePanelHandle | null;
setRef: (ref: ImperativePanelHandle | null) => void;
};
type Panel = {
size: number;
setSize: (size: number) => void;
handle: PanelHandle;
};
interface BuilderState {
@ -64,44 +67,41 @@ export const useBuilderStore = create<BuilderState & BuilderActions>()(
},
panel: {
left: {
ref: null,
isDragging: false,
setRef: (ref) => {
size: 0,
setSize: (size) => {
set((state) => {
state.panel.left.ref = ref;
state.panel.left.size = size;
});
},
setDragging: (dragging) => {
set((state) => {
state.panel.left.isDragging = dragging;
});
handle: {
isDragging: false,
setDragging: (dragging) => {
set((state) => {
state.panel.left.handle.isDragging = dragging;
});
},
},
},
right: {
ref: null,
isDragging: false,
setRef: (ref) => {
size: 0,
setSize: (size) => {
set((state) => {
state.panel.right.ref = ref;
state.panel.right.size = size;
});
},
setDragging: (dragging) => {
set((state) => {
state.panel.right.isDragging = dragging;
});
handle: {
isDragging: false,
setDragging: (dragging) => {
set((state) => {
state.panel.right.handle.isDragging = dragging;
});
},
},
},
},
toggle: (side) => {
set((state) => {
const panelRef = state.panel[side].ref;
if (panelRef) {
const collapsed = panelRef.getCollapsed();
collapsed ? panelRef.expand() : panelRef.collapse();
} else {
state.sheet[side].open = !state.sheet[side].open;
}
state.sheet[side].open = !state.sheet[side].open;
});
},
})),