sasjs/server
1
0
Fork 0
mirror of https://github.com/sasjs/server.git synced 2026-01-14 17:30:05 +00:00
Code Issues Projects Releases Wiki Activity

fix(web): fix UI responsiveness

Browse Source
This commit is contained in:
Sabir Hassan
2022-08-10 15:18:05 +05:00
parent 399b5edad0
commit d99fdd1ec7
4 changed files with 41 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/src/containers/Studio/index.tsx
View File

@@ -14,6 +14,7 @@ const Studio = () => {
const [searchParams, setSearchParams] = useSearchParams()
const [selectedFilePath, setSelectedFilePath] = useState('')
const [directoryData, setDirectoryData] = useState<TreeNode | null>(null)
const [tab, setTab] = useState('code')
useEffect(() => {
setSelectedFilePath(searchParams.get('filePath') ?? '')
@@ -83,16 +84,20 @@ const Studio = () => {
return (
<Box sx={{ display: 'flex' }}>
<CssBaseline />
<SideBar
selectedFilePath={selectedFilePath}
directoryData={directoryData}
handleSelect={handleSelect}
removeFileFromTree={removeFileFromTree}
refreshSideBar={fetchDirectoryData}
/>
{tab === 'code' && (
<SideBar
selectedFilePath={selectedFilePath}
directoryData={directoryData}
handleSelect={handleSelect}
removeFileFromTree={removeFileFromTree}
refreshSideBar={fetchDirectoryData}
/>
)}
<SASjsEditor
selectedFilePath={selectedFilePath}
setSelectedFilePath={handleSelect}
tab={tab}
setTab={setTab}
/>
</Box>
)