Delete src/components/components

src/components/components/CustomModal.scss

@@ -1,52 +0,0 @@
-// src/components/CustomModal.scss
-.modal-overlay {
-  position: fixed; top: 0; left: 0; right: 0; bottom: 0;
-  background-color: rgba(0, 0, 0, 0.7);
-  display: flex; align-items: center; justify-content: center;
-  z-index: 1000; backdrop-filter: blur(5px);
-}
-.modal-content {
-  background: #2c2c2e; padding: 24px; border-radius: 16px;
-  width: 90%; max-width: 500px;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  animation: modal-fade-in 0.3s ease-out;
-  .modal-header {
-    display: flex; justify-content: space-between; align-items: center;
-    margin-bottom: 20px; border-bottom: 1px solid #444; padding-bottom: 16px;
-    h3 { margin: 0; font-size: 20px; color: #fff; }
-    .close-button {
-      background: none; border: none; color: #aaa; font-size: 28px;
-      cursor: pointer; line-height: 1; padding: 0;
-      &:hover { color: #fff; }
-    }
-  }
-  .modal-body .form-group {
-    margin-bottom: 20px;
-    label { display: block; margin-bottom: 8px; font-weight: 500; color: #e0e0e0; }
-    input, textarea {
-      width: 100%; padding: 12px; border-radius: 8px;
-      border: 1px solid #555; background-color: #3a3a3c;
-      color: #fff; font-size: 15px;
-      &:focus {
-        outline: none; border-color: #0a84ff;
-        box-shadow: 0 0 0 2px rgba(10, 132, 255, 0.5);
-      }
-    }
-    textarea { resize: vertical; min-height: 100px; }
-    small { display: block; margin-top: 8px; color: #999; font-size: 12px; }
-  }
-  .modal-footer {
-    display: flex; justify-content: flex-end; margin-top: 24px;
-    .save-button {
-      background-color: #0a84ff; color: #fff; border: none;
-      padding: 12px 24px; border-radius: 8px; font-size: 16px;
-      font-weight: 600; cursor: pointer; transition: background-color 0.2s;
-      &:hover { background-color: #3499ff; }
-    }
-  }
-}
-@keyframes modal-fade-in {
-  from { opacity: 0; transform: scale(0.9); }
-  to { opacity: 1; transform: scale(1); }
-}

src/components/components/CustomModal.tsx

@@ -1,59 +0,0 @@
-// src/components/CustomModal.tsx
-import React, { useState, useEffect, FC } from 'react';
-import './CustomModal.scss'; // استایل‌ها را از فایل جداگانه ایمپورت می‌کند
-
-interface CustomModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onSave: (name: string, instructions: string) => void;
-  initialName: string;
-  initialInstructions: string;
-}
-
-export const CustomModal: FC<CustomModalProps> = ({ isOpen, onClose, onSave, initialName, initialInstructions }) => {
-  const [name, setName] = useState(initialName);
-  const [instructions, setInstructions] = useState(initialInstructions);
-
-  useEffect(() => {
-    if (isOpen) {
-      setName(initialName);
-      setInstructions(initialInstructions);
-    }
-  }, [isOpen, initialName, initialInstructions]);
-
-  if (!isOpen) return null;
-
-  const handleSave = () => {
-    if (name.trim() && instructions.trim()) {
-      onSave(name.trim(), instructions.trim());
-      onClose();
-    } else {
-      alert("لطفا نام و دستورالعمل‌ها را وارد کنید.");
-    }
-  };
-
-  return (
-    <div className="modal-overlay" onClick={onClose}>
-      <div className="modal-content" onClick={(e) => e.stopPropagation()}>
-        <div className="modal-header">
-          <h3>ساخت شخصیت اختصاصی</h3>
-          <button className="close-button" onClick={onClose}>×</button>
-        </div>
-        <div className="modal-body">
-          <div className="form-group">
-            <label htmlFor="name">نام شما (برای صدا زدن)</label>
-            <input id="name" type="text" placeholder="مثلا: علی" value={name} onChange={(e) => setName(e.target.value)} />
-          </div>
-          <div className="form-group">
-            <label htmlFor="instructions">دستورالعمل‌های شخصیت</label>
-            <textarea id="instructions" placeholder="مثلا: خیلی خودمونی و بامزه صحبت کن..." value={instructions} onChange={(e) => setInstructions(e.target.value)} rows={6} />
-            <small>اینجا فقط رفتار و سبک صحبت کردن دستیار را مشخص کنید.</small>
-          </div>
-        </div>
-        <div className="modal-footer">
-          <button className="save-button" onClick={handleSave}>ذخیره و فعال‌سازی</button>
-        </div>
-      </div>
-    </div>
-  );
-};