added a separate scss file for cssButtonReset

openmrs · Jan 15, 2024 · 704d6cf · 704d6cf
1 parent c760701
commit 704d6cf
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/packages/esm-patient-attachments-app/src/camera-media-uploader/capture-photo.component.tsx b/packages/esm-patient-attachments-app/src/camera-media-uploader/capture-photo.component.tsx
@@ -3,6 +3,7 @@ import { useTranslation } from 'react-i18next';
 import { Button } from '@carbon/react';
 import { showModal, toOmrsIsoString } from '@openmrs/esm-framework';
 import placeholder from '../assets/placeholder.svg';
+import styles from './capture-photo.scss';
 
 export interface CapturePhotoProps {
   onCapturePhoto(dataUri: string, photoDateTime: string): void;
@@ -30,11 +31,7 @@ const CapturePhoto: React.FC<CapturePhotoProps> = ({ initialState, onCapturePhot
 
   return (
     <div style={{ display: 'flex', alignItems: 'center' }}>
-      <button
-        type="button"
-        onClick={showCam}
-        style={{ border: 'none', maxWidth: '64px', padding: 0, margin: 0, background: 'none', cursor: 'pointer' }}
-      >
+      <button type="button" onClick={showCam} className={styles.buttonCssReset}>
         <img src={dataUri || initialState || placeholder} alt="Preview" style={{ width: '100%' }} />
       </button>
       <Button kind="ghost" onClick={showCam} style={{ flex: 1 }}>

diff --git a/packages/esm-patient-attachments-app/src/camera-media-uploader/capture-photo.scss b/packages/esm-patient-attachments-app/src/camera-media-uploader/capture-photo.scss
@@ -0,0 +1,8 @@
+.buttonCssReset {
+    max-width: 64px;
+    padding: 0;
+    margin: 0;
+    border: none;
+    background: none;
+    cursor: pointer;
+}