code7-leia 0.1.166 → 0.1.168

package/dist/interface/FileData.d.ts

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

package/package.json

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

package/src/components/FileArea/index.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState} from 'react';
 import { useDispatch, useSelector } from 'react-redux';
+import { renderToString } from 'react-dom/server';
 
 import { FaUpload, FaList, FaPlus, FaCheck } from 'react-icons/fa';
 import { GiWeightLiftingUp } from "react-icons/gi";
@@ -71,11 +72,13 @@ export const FileArea = () => {
 
   const pressetTag = (tags: [tag]) => {
     let html = '';
-
+  
     html += tags.map(tag => {
-      return `<p class='tag ${tag.trained ? 'trained' : ''}'>${tag.name} ${tag.trained ? <FaCheck size={14} /> : ''}</p>`;
+      const checkIcon = tag.trained ? renderToString(<FaCheck size={14} />) : '';
+      const tagClass = tag.trained ? 'trained' : '';
+      return `<p class='tag ${tagClass}'>${tag.name} ${checkIcon}</p>`;
     }).join('');
-
+  
     return html;
   }
 
@@ -124,7 +127,7 @@ export const FileArea = () => {
           <div className='actions'>
             <Search placeholder={t.fileArea.search} setFiles={setFiles} initialFiles={initialFiles}></Search>
             <div>            
-              <button onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
+              <button id='button-upload' onClick={handleOpenModal}><FaUpload size={14} /> {t.fileArea.fileUpload}</button>
               <button onClick={() => handleOpenModalTraining(undefined)}><GiWeightLiftingUp size={14} /> {t.fileArea.training}</button>
             </div>
           </div>
@@ -158,7 +161,7 @@ export const FileArea = () => {
                 <tbody>
                   {files.map((object) => (
                     <tr>
-                      <td>{object.name}</td>
+                      <td>{object.name} {object.trained ? <FaCheck size={14} /> : ''}</td>
                       <td className='tags' dangerouslySetInnerHTML={{ __html: pressetTag(object.tags) }} />
                       <td>
                         <div className='divDelete'>

package/src/components/FileArea/styles.tsx

@@ -131,6 +131,10 @@ export const Header = styled.div`
   display: flex;
   flex-direction: column;
 
+  #button-upload {
+    margin-right: 10px;
+  }
+
   .infos {
     display: flex;
     flex-direction: column;

package/src/interface/FileData.ts

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