fix: subtask not clickable

marespopa · Apr 1, 2024 · 6ee72ea · 6ee72ea
1 parent ee7bbfa
commit 6ee72ea
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/client/components/forms/input/Highlight/Highlight.component.tsx b/client/components/forms/input/Highlight/Highlight.component.tsx
@@ -14,7 +14,6 @@ interface Props {
   handleChange: (_arg: string) => void
   id: string
   value: string
-  handleCursorPositionUpdate: (_position: number) => void
   customStyles?: string
   isDisabled?: boolean
 }
@@ -24,14 +23,7 @@ const Highlight = forwardRef(function Highlight(
   props: Props,
   textareaRef: any,
 ) {
-  const {
-    handleChange,
-    handleCursorPositionUpdate,
-    id,
-    value,
-    customStyles,
-    isDisabled = false,
-  } = props
+  const { handleChange, id, value, customStyles, isDisabled = false } = props
   const { isDarkTheme } = useDarkTheme()
   const hightlighterTheme = isDarkTheme ? nord : atomOneLight
   const commonProps = {
@@ -113,10 +105,7 @@ const Highlight = forwardRef(function Highlight(
         onScroll={handleScroll}
         autoComplete="off"
         rows={DEFAULT_TEXTAREA_ROWS}
-        onBlur={(e) => {
-          handleCursorPositionUpdate(e.target.selectionStart)
-          unlock()
-        }}
+        onBlur={unlock}
       />
 
       {isLocked && (
@@ -153,7 +142,7 @@ const Highlight = forwardRef(function Highlight(
   }
 })
 
-const containerStyle = `relative rounded-md shadow-sm sm:z-0 h-[390px] bg-white appearance-none border-t-0 dark:text-white dark:bg-gray-800 dark:border-gray-700`
+const containerStyle = `relative shadow-sm sm:z-0 h-[390px] bg-white appearance-none border border-gray-600 dark:text-white dark:bg-gray-800 dark:border-gray-700`
 const inputStyle = `absolute top-0 left-0 w-full h-[380px] overflow-y-scroll text-transparent bg-transparent caret-slate-500
                     font-mono px-2 py-4 outline-none resize-none`
 

diff --git a/client/components/overview/OverviewSection.tsx b/client/components/overview/OverviewSection.tsx
@@ -73,12 +73,12 @@ const OverviewSection = ({ handleReset }: Props) => {
           activeTab={activeTab}
           handleTabChange={(tab) => setActiveTab(tab)}
         />
+        <Timer />
         <div className="grid md:grid-cols-2	md:gap-8">
           <SubtasksSection />
           <NotesSection />
         </div>
         <SnippetsSection />
-        <Timer />
       </div>
     )
   }

diff --git a/client/components/overview/SubtasksSection/SubtasksSection.component.tsx b/client/components/overview/SubtasksSection/SubtasksSection.component.tsx
@@ -18,7 +18,7 @@ const SubtasksSection = () => {
         handleToggle={() => setisExpanded(!isExpanded)}
       />
       {isExpanded && (
-        <div className={`sm:relative sm:z-0 min-h-full w-full`}>
+        <div className={`min-h-full w-full`}>
           <SubtasksList />
         </div>
       )}