Update UsbSdfuUpdateDialog using tw; Remove most usages of bootstrap

NordicSemiconductor · Oct 23, 2024 · ce38c20 · ce38c20
1 parent d2cdcca
commit ce38c20
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/UsbSdfuUpdateDialog.tsx b/src/components/UsbSdfuUpdateDialog.tsx
@@ -5,7 +5,6 @@
  */
 
 import React, { useCallback, useEffect, useState } from 'react';
-import Form from 'react-bootstrap/Form';
 import ProgressBar from 'react-bootstrap/ProgressBar';
 import { useDispatch, useSelector } from 'react-redux';
 import {
@@ -195,19 +194,19 @@ Are you sure you want to continue?`,
                 </Alert>
             )}
             {writing && (
-                <Form.Group>
-                    <Form.Label>
+                <div className="tw-flex tw-flex-col tw-gap-2">
+                    <div>
                         <strong>Status: </strong>
                         <span>{` ${
                             progress ? progress.message : 'Starting...'
                         }`}</span>
-                    </Form.Label>
+                    </div>
                     <ProgressBar
                         hidden={!writing}
                         now={progress?.stepProgressPercentage ?? 0}
                         style={{ height: '4px' }}
                     />
-                </Form.Group>
+                </div>
             )}
         </GenericDialog>
     );