code7-leia 0.1.161 → 0.1.162

package/dist/interface/FileData.d.ts

@@ -1,4 +1,8 @@
+export interface tag {
+    name: string;
+    trained: boolean;
+}
 export interface FileData {
     name: string;
-    tags: string;
+    tags: [tag];
 }

package/dist/interface/Language.d.ts

@@ -15,6 +15,8 @@ declare type FileArea = {
         uploadFile: string;
         deleteFileTitle: string;
         deleteFile: string;
+        trainingTitle: string;
+        trainingDescription: string;
     };
 };
 declare type Buttons = {
@@ -23,6 +25,7 @@ declare type Buttons = {
     delete: string;
     test: string;
     addNewOpinion: string;
+    training: string;
 };
 declare type TestArea = {
     description: string;

package/package.json

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

package/src/components/FileArea/index.tsx

@@ -3,7 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import { FaUpload, FaList, FaPlus } from 'react-icons/fa';
 
-import type { FileData } from '../../interface/FileData'
+import type { FileData, tag } from '../../interface/FileData'
 
 import { getLanguage } from '../../utils/getLanguage'
 
@@ -26,6 +26,7 @@ export const FileArea = () => {
   const [uploadFile, setUploadFile] = useState<{ content: ArrayBuffer | string; properties: File }>();
   const [modal, setModal] = useState(false)
   const [modalDelete, setModalDelete] = useState(false)
+  const [modalTraining, setModalTraining] = useState(false)
   const [fileDelete, setFileDelete] = useState('')
   const [optionsPresset, setOptionsPresset] = useState<{ label: any; value: any; }[]>([])
   const [presset, setPresset] = useState<string[]>([]);
@@ -67,12 +68,11 @@ export const FileArea = () => {
     }
   }, [initFiles])
 
-  const pressetTag = (tags: string) => {
-    const tagsSplit = tags.split(',');
+  const pressetTag = (tags: [tag]) => {
     let html = '';
 
-    html += tagsSplit.map(tag => {
-      return `<p class='tag'>${tag}</p>`;
+    html += tags.map(tag => {
+      return `<p class='tag ${tag.trained ? 'trained' : ''}'>${tag.name}</p>`;
     }).join('');
 
     return html;
@@ -91,6 +91,14 @@ export const FileArea = () => {
     setModalDelete(!modalDelete)
   }
 
+  const handleOpenModalTraining = (tags?: [tag]) => {
+    const pressets = tags?.map((tag) => {
+      return tag.name
+    })
+    setPresset(pressets ? pressets : [])
+    setModalTraining(!modalTraining)
+  }
+
   const deleteFile = () => {
     dispatch(deleteFilesAction(fileDelete, id, language))
     setModalDelete(false)
@@ -152,6 +160,9 @@ export const FileArea = () => {
                         <div className='divDelete'>
                           <button className='buttonDelete' onClick={() => handleOpenModalDelete(object.name)}>{t.buttons.delete}</button>
                         </div>
+                        <div className='divTraining'>
+                          <button className='buttonTraining' onClick={() => handleOpenModalTraining(object.tags)}>{t.buttons.training}</button>
+                        </div>
                       </td>
                     </tr>
                   ))}
@@ -206,6 +217,30 @@ export const FileArea = () => {
             </button>
           </ModalFooter>
         </Modal>
+        <Modal
+          isopen={modal}
+          maxwidth="600px"
+          maxheight="max-content"
+          onClose={handleOpenModal}
+          title={t.fileArea.modal.trainingTitle}
+          >
+            <ModalContent>
+              <p id='info'>{t.fileArea.modal.trainingDescription}</p>
+              <div className='presset'>
+                <p>{t.fileArea.presset}</p>
+                <MultiSelect setOptions={setOptionsPresset} options={optionsPresset} presset={presset} setPresset={setPresset} modal={modal} language={language} />
+              </div>
+            </ModalContent>
+            <ModalFooter>
+              <button className='button cancel' onClick={() => handleOpenModalTraining(undefined)}>
+                {t.buttons.cancel}
+              </button>
+              <button onClick={() => handleUploadFile()} className='button send' type="submit" form="form-tts">
+                {t.buttons.send}
+              </button>
+            </ModalFooter>
+            
+        </Modal>
       </S.Container>
     );
   }

package/src/components/FileArea/styles.tsx

@@ -50,7 +50,7 @@ export const Container = styled.div<ContainerProps>`
     gap: 4px;
   }
 
-  .divDelete {
+  .divDelete, .divTraining {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -68,6 +68,17 @@ export const Container = styled.div<ContainerProps>`
       background: #f5bba7;
   }
 
+  .buttonTraining {
+    color: #023906;
+    background: #e3f8cc;
+    padding: 12px 20px;
+    border-radius: 4px;
+  }
+
+  .buttonTraining:hover {
+      background: #90d665;
+  }
+
   .button {
     padding: 8px 16px 8px 16px;
     border-radius: 4px;
@@ -106,6 +117,13 @@ export const Container = styled.div<ContainerProps>`
     background: #FAE0D2;
     color: #871821;
   }
+
+  #info {
+    padding: 10px;
+    background: #c7f9ed;
+    color: #00344e;
+  }
+
 `;
 
 export const Header = styled.div`

package/src/components/MultiSelect/styles.tsx

@@ -23,7 +23,6 @@ export const OverSelect = styled.div`
   top: 0;
   bottom: 0;
   display: flex;
-  justify-content: flex-end;
 
   input {
     height: 43px;
@@ -64,6 +63,7 @@ export const SelectedValues = styled.div`
   display: flex;
   flex-wrap: wrap;
   margin-left: 5px;
+  right: 30px;
 `;
 
 export const SelectedValue = styled.div`

package/src/interface/FileData.ts

@@ -1,4 +1,9 @@
+export interface tag {
+  name: string,
+  trained: boolean
+}
+
 export interface FileData {
   name: string,
-  tags: string
+  tags: [tag]
 }

package/src/interface/Language.ts

@@ -15,6 +15,8 @@ type FileArea = {
     uploadFile: string;
     deleteFileTitle: string;
     deleteFile: string;
+    trainingTitle: string;
+    trainingDescription: string
   };
 };
 
@@ -24,6 +26,7 @@ type Buttons = {
   delete: string;
   test: string;
   addNewOpinion: string;
+  training: string;
 };
 
 type TestArea = {

package/src/store/modules/sagas.ts

@@ -14,7 +14,7 @@ export function* getFilesSaga(action: any) {
   try {
     yield put(commonLoadingStart());
     const { id } = action.payload
-    const { data } = yield call(api.get, `/files/${id}`);
+    const { data } = yield call(api.get, `/training/${id}`);
     yield put(getFilesActionSuccess({ files: data.files}));
   } catch (error) {
     console.log('-----------getFiles.error------------------->', error);
@@ -30,7 +30,7 @@ export function* deleteFilesSaga(action: any) {
     const { id, name } = action.payload
 
     yield call(api.delete, `/delete/${id}/${name}`);
-    const { data } = yield call(api.get, `/files/${id}`);
+    const { data } = yield call(api.get, `/training/${id}`);
     yield put(deleteFilesActionSuccess({ files: data.files, success: true }));
   } catch (error) {
     toast.error({title: t.toast.deleteFile.fail.title, description: t.toast.deleteFile.fail.description});
@@ -73,7 +73,7 @@ export function* uploadFilesSaga(action: any) {
       },
     });
 
-    const { data } = yield call(api.get, `/files/${id}`);
+    const { data } = yield call(api.get, `/training/${id}`);
     yield put(uploadFilesActionSuccess({ files: data.files }));
   } catch (error) {
     toast.error({title: t.toast.uploadFile.fail.title, description: t.toast.uploadFile.fail.description});

package/src/utils/languages/en.ts

@@ -19,7 +19,9 @@ export const enTranslation: Language = {
       chooseFile: 'Choose a file',
       uploadFile: 'Upload a file',
       deleteFileTitle: 'Delete a file',
-      deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.'
+      deleteFile: 'Important! By deleting this file, you will lose all its information and will not be able to recover it.',
+      trainingTitle: 'Presset Training',
+      trainingDescription: 'Select one or more pressets to be trained'
     },
   },
   buttons: {
@@ -27,7 +29,8 @@ export const enTranslation: Language = {
     send: 'Send',
     delete: 'Delete',
     test: 'Test',
-    addNewOpinion: 'Add new Opinion'
+    addNewOpinion: 'Add new Opinion',
+    training: 'Training'
   },
   testArea: {
     description: 'Type a sentence to test artificial intelligence',

package/src/utils/languages/es.ts

@@ -19,7 +19,9 @@ export const esTranslation: Language = {
       chooseFile: 'Elegir un archivo',
       uploadFile: 'Subir un archivo',
       deleteFileTitle: 'Eliminar un archivo',
-      deleteFile: '¡Importante! Al eliminar este archivo, perderá toda su información y no podrá recuperarla.'
+      deleteFile: '¡Importante! Al eliminar este archivo, perderá toda su información y no podrá recuperarla.',
+      trainingTitle: 'Entrenamiento de preconfiguración',
+      trainingDescription: 'Seleccione una o más preconfiguracións para ser entrenadas'
     },
   },
   buttons: {
@@ -27,7 +29,8 @@ export const esTranslation: Language = {
     send: 'Enviar',
     delete: 'Eliminar',
     test: 'Prueba',
-    addNewOpinion: 'Agregar nueva preconfiguración'
+    addNewOpinion: 'Agregar nueva preconfiguración',
+    training: 'Capacitación'
   },
   testArea: {
     description: 'Escribe una frase para probar la inteligencia artificial.',

package/src/utils/languages/pt-br.ts

@@ -19,7 +19,9 @@ export const ptTranslation: Language = {
       chooseFile: 'Escolha um arquivo',
       uploadFile: 'Enviar um arquivo',
       deleteFileTitle: 'Excluir um arquivo',
-      deleteFile: 'Importante! Ao excluir este arquivo, você perderá todas as suas informações e não poderá recuperá-las.'
+      deleteFile: 'Importante! Ao excluir este arquivo, você perderá todas as suas informações e não poderá recuperá-las.',
+      trainingTitle: 'Treinamento de predefinição',
+      trainingDescription: 'Selecione um ou mais predefinições para serem treinadas'
     },
   },
   buttons: {
@@ -27,7 +29,8 @@ export const ptTranslation: Language = {
     send: 'Enviar',
     delete: 'Excluir',
     test: 'Teste',
-    addNewOpinion: 'Adicionar nova predefinição'
+    addNewOpinion: 'Adicionar nova predefinição',
+    training: 'Treinamento'
   },
   testArea: {
     description: 'Digite uma frase para testar a inteligência artificial.',