code7-leia 1.0.20 → 1.0.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "code7-leia",
-  "version": "1.0.20",
+  "version": "1.0.21",
   "author": "code7-xlab",
   "license": "MIT",
   "main": "dist/index.es.js",

package/src/components/PersonasArea/index.tsx

@@ -1,11 +1,11 @@
 import { useState, useEffect } from "react";
-import { getLanguage } from '../../utils/getLanguage';
-import { FaPlus, FaCopy, FaEdit, FaTrash } from 'react-icons/fa';
-import Modal from '../Modal';
-import Input from '../TestArea/components/InputTest';
-import TextArea from '../TestArea/components/TextArea';
-import Search from '../FileArea/components/Search';
-import LengthCounter from '../LengthCounter';
+import { getLanguage } from "../../utils/getLanguage";
+import { FaPlus, FaCopy, FaEdit, FaTrash } from "react-icons/fa";
+import Modal from "../Modal";
+import Input from "../TestArea/components/InputTest";
+import TextArea from "../TestArea/components/TextArea";
+import Search from "../FileArea/components/Search";
+import LengthCounter from "../LengthCounter";
 
 import { useLeia } from "../../contexts/LeiaProvider";
 
@@ -22,7 +22,7 @@ interface Persona {
 }
 
 export const PersonasArea = () => {
-  const { language } = useLeia();
+  const { language, readonly } = useLeia();
   const t = getLanguage(language);
   const { createPersona, personas, updatePersona, deletePersona } = useLeia();
 
@@ -122,9 +122,11 @@ export const PersonasArea = () => {
           <h2>{t.personas?.title}</h2>
           <p>{t.personas?.description}</p>
         </div>
-        <button onClick={openCreate}>
-          <FaPlus /> {t.personas?.add}
-        </button>
+        {!readonly && (
+          <button onClick={openCreate}>
+            <FaPlus /> {t.personas?.add}
+          </button>
+        )}
       </S.Header>
       <S.Search>
         <Search
@@ -146,7 +148,7 @@ export const PersonasArea = () => {
                 </div>
               </td>
               <td className="td-actions">
-                {persona.created_at && (
+                {!readonly && persona.created_at && (
                   <div className="actions">
                     <button onClick={() => openEdit(persona)}>
                       <FaEdit /> {t.edit}
@@ -191,7 +193,9 @@ export const PersonasArea = () => {
               label={t.personas?.fields.prompt}
               maxLength={10000}
               value={form.prompt}
-              onChange={(e: any) => setForm({ ...form, prompt: e.target.value })}
+              onChange={(e: any) =>
+                setForm({ ...form, prompt: e.target.value })
+              }
             />
             <LengthCounter value={form.prompt} maxLength={10000} />
           </div>