From 450d99f06e5929eb1679e6203284e4faa44e19b0 Mon Sep 17 00:00:00 2001
From: Saad Jutt <ihsan.distranger@gmail.com>
Date: Wed, 5 Jan 2022 17:41:17 +0500
Subject: [PATCH] fix(web): sticky tabs on Studio + extra run code button
 removed

---
 web/src/containers/Studio/index.tsx | 27 ++++++++++++++++++---------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/web/src/containers/Studio/index.tsx b/web/src/containers/Studio/index.tsx
index 23d6147..7174d2e 100644
--- a/web/src/containers/Studio/index.tsx
+++ b/web/src/containers/Studio/index.tsx
@@ -40,9 +40,7 @@ const Studio = () => {
     return selection ?? ''
   }
 
-  const handleRunSelectionBtnClick = () => runCode(getSelection())
-
-  const handleRunBtnClick = () => runCode(fileContent)
+  const handleRunBtnClick = () => runCode(getSelection() || fileContent)
 
   const runCode = (code: string) => {
     axios
@@ -102,7 +100,13 @@ const Studio = () => {
       <br />
       <Box sx={{ width: '100%', typography: 'body1' }}>
         <TabContext value={tab}>
-          <Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
+          <Box
+            sx={{
+              borderBottom: 1,
+              borderColor: 'divider'
+            }}
+            style={{ position: 'fixed', background: 'white', width: '100%' }}
+          >
             <TabList onChange={handleTabChange} centered>
               <Tab className={classes.root} label="Code" value="1" />
               <Tab className={classes.root} label="Log" value="2" />
@@ -114,6 +118,7 @@ const Studio = () => {
             <Paper
               sx={{
                 height: '70vh',
+                marginTop: '50px',
                 padding: '10px',
                 overflow: 'auto',
                 position: 'relative'
@@ -137,16 +142,20 @@ const Studio = () => {
               <Button variant="contained" onClick={handleRunBtnClick}>
                 Run SAS Code
               </Button>
-              <Button variant="contained" onClick={handleRunSelectionBtnClick}>
-                Run Selected SAS Code
-              </Button>
             </Stack>
           </TabPanel>
           <TabPanel value="2">
-            <div dangerouslySetInnerHTML={{ __html: log }} />
+            <div
+              id="sas_log"
+              style={{ marginTop: '50px' }}
+              dangerouslySetInnerHTML={{ __html: log }}
+            />
           </TabPanel>
           <TabPanel value="3">
-            <div dangerouslySetInnerHTML={{ __html: webout }} />
+            <div
+              style={{ marginTop: '50px' }}
+              dangerouslySetInnerHTML={{ __html: webout }}
+            />
           </TabPanel>
         </TabContext>
       </Box>