Closed invisal closed 1 year ago
Currently, our tab does is not draggable to re-arrange its position. We can make it draggable like in Visual Studio Code as attached video.
https://github.com/invisal/query-master/assets/4539653/53704848-f12c-4df5-ad3a-f1a918e91732
The tab component is located in this files. https://github.com/invisal/query-master/blob/main/src/renderer/components/WindowTab/index.tsx
We can add drag functionality in this place. We can expose two more properties:
<WindowTab onTabChanged={setTab} draggable />
draggable
onTabChanged
Currently, our tab does is not draggable to re-arrange its position. We can make it draggable like in Visual Studio Code as attached video.
https://github.com/invisal/query-master/assets/4539653/53704848-f12c-4df5-ad3a-f1a918e91732
Where to implement it?
The tab component is located in this files. https://github.com/invisal/query-master/blob/main/src/renderer/components/WindowTab/index.tsx
We can add drag functionality in this place. We can expose two more properties:
draggable
means that it is possible to drag tab. There are some places where we want the tab to stay in fixed position.onTabChanged
will change the tab states when drag is success.