Shun Miyazawa 1 год назад
Родитель
Сommit
2595282192

+ 16 - 0
apps/app/src/features/openai/client/components/AiAssistant/Sidebar/AiAssistantTree.tsx

@@ -16,6 +16,11 @@ type ThreadItemProps = {
 const ThreadItem: React.FC<ThreadItemProps> = ({
 const ThreadItem: React.FC<ThreadItemProps> = ({
   name,
   name,
 }) => {
 }) => {
+
+  const deleteThreadHandler = useCallback(() => {
+    //
+  }, []);
+
   return (
   return (
     <li
     <li
       className="list-group-item list-group-item-action border-0 d-flex align-items-center rounded-1 ps-5"
       className="list-group-item list-group-item-action border-0 d-flex align-items-center rounded-1 ps-5"
@@ -24,9 +29,20 @@ const ThreadItem: React.FC<ThreadItemProps> = ({
       <div>
       <div>
         <span className="material-symbols-outlined fs-5">chat</span>
         <span className="material-symbols-outlined fs-5">chat</span>
       </div>
       </div>
+
       <div className="grw-ai-assistant-title-anchor ps-1">
       <div className="grw-ai-assistant-title-anchor ps-1">
         <p className="text-truncate m-auto">{name}</p>
         <p className="text-truncate m-auto">{name}</p>
       </div>
       </div>
+
+      <div className="grw-ai-assistant-actions opacity-0 d-flex justify-content-center ">
+        <button
+          type="button"
+          className="btn btn-link text-secondary p-0"
+          onClick={deleteThreadHandler}
+        >
+          <span className="material-symbols-outlined fs-5">delete</span>
+        </button>
+      </div>
     </li>
     </li>
   );
   );
 };
 };