code7-leia 0.2.33 → 0.2.35

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.33",
+  "version": "0.2.35",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/FileArea/index.tsx

@@ -145,8 +145,8 @@ export const FileArea = () => {
           <div className='actions'>
             <Search placeholder={t.fileArea.search} setFiles={setFiles} initialFiles={initialFiles}></Search>
             <div>            
-              <button id='button-upload' onClick={handleOpenModal} disabled={readonly}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
-              <button onClick={() => handleOpenModalTraining(undefined)} disabled={readonly}><GiWeightLiftingUp size={14} /> {t.fileArea.training}</button>
+              <button id='button-upload' disabled={readonly} onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
+              <button disabled={readonly} onClick={() => handleOpenModalTraining(undefined)} ><GiWeightLiftingUp size={14} /> {t.fileArea.training}</button>
             </div>
           </div>
         </S.Header>
@@ -156,7 +156,7 @@ export const FileArea = () => {
               icon={<FaList></FaList>}
               title={t.fileArea.emptyState.title}
               description={t.fileArea.emptyState.description}
-              iconButton={<button id='button-upload' onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>}
+              iconButton={<button id='button-upload' disabled={readonly} onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>}
               descriptionButton={t.fileArea.fileUpload}
               widthButton="230px"
             />
@@ -186,8 +186,8 @@ export const FileArea = () => {
                       <td className='tags' dangerouslySetInnerHTML={{ __html: pressetTag(object.tags) }} />
                       <td>
                         <div className='divDelete'>
-                          <button className='buttonTraining' onClick={() => handleOpenModalTraining(object.tags)}>{t.buttons.training}</button>
-                          <button className='buttonDelete' onClick={() => handleOpenModalDelete(object.name)}>{t.buttons.delete}</button>
+                          <button className='buttonTraining' disabled={readonly} onClick={() => handleOpenModalTraining(object.tags)}>{t.buttons.training}</button>
+                          <button className='buttonDelete' disabled={readonly} onClick={() => handleOpenModalDelete(object.name)}>{t.buttons.delete}</button>
                         </div>
                       </td>
                     </tr>

package/src/components/FileArea/styles.tsx

@@ -65,6 +65,11 @@ export const Container = styled.div<ContainerProps>`
     background: #fae0d2;
     padding: 12px 20px;
     border-radius: 4px;
+
+    &:disabled {
+        cursor: not-allowed;
+        opacity: 0.7;
+      }
   }
 
   .buttonDelete:hover {
@@ -77,6 +82,11 @@ export const Container = styled.div<ContainerProps>`
     padding: 12px 20px;
     border-radius: 4px;
     margin-right: 10px;
+
+    &:disabled {
+        cursor: not-allowed;
+        opacity: 0.7;
+      }
   }
 
   .buttonTraining:hover {
@@ -165,7 +175,7 @@ export const Header = styled.div`
 
       &:disabled {
         cursor: not-allowed;
-        opacity: 0.5;
+        opacity: 0.7;
       }
     }
   }