refactor: use css module instead of inline styles

dhis2 · Nov 14, 2023 · 335bf19 · 335bf19
1 parent 2ae80b9
commit 335bf19
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 6 deletions.
diff --git a/src/components/JobTable/QueueTableRow.js b/src/components/JobTable/QueueTableRow.js
@@ -13,6 +13,7 @@ import Status from './Status'
 import NextRun from './NextRun'
 import Schedule from './Schedule'
 import ExpandableRow from './ExpandableRow'
+import styles from './QueueTableRow.module.css'
 
 const QueueTableRow = ({
     queue: {
@@ -29,17 +30,12 @@ const QueueTableRow = ({
 }) => {
     const [showJobs, setShowJobs] = useState(false)
     const handleClick = () => setShowJobs((prev) => !prev)
-    const buttonStyle = {
-        background: 'none',
-        border: 'none',
-        cursor: 'pointer',
-    }
 
     return (
         <>
             <TableRow>
                 <TableCell>
-                    <button style={buttonStyle} onClick={handleClick}>
+                    <button className={styles.button} onClick={handleClick}>
                         {showJobs ? <IconChevronUp24 /> : <IconChevronDown24 />}
                     </button>
                 </TableCell>

diff --git a/src/components/JobTable/QueueTableRow.module.css b/src/components/JobTable/QueueTableRow.module.css
@@ -0,0 +1,5 @@
+.button {
+    background: none;
+    border: none;
+    cursor: pointer;
+}