diff --git a/src/pages/EditMeeting.css b/src/pages/EditMeeting.css index d044fee..1463a7e 100644 --- a/src/pages/EditMeeting.css +++ b/src/pages/EditMeeting.css @@ -356,6 +356,57 @@ margin: 1rem 0; } +/* Audio Upload Section */ +.audio-upload-section { + margin-top: 0.5rem; +} + +.show-upload-btn { + display: flex; + align-items: center; + gap: 0.5rem; + padding: 0.75rem 1.5rem; + background: linear-gradient(135deg, #f59e0b, #d97706); + color: white; + border: none; + border-radius: 8px; + font-weight: 500; + cursor: pointer; + transition: all 0.3s ease; + box-shadow: 0 2px 4px rgba(245, 158, 11, 0.3); + font-size: 0.95rem; +} + +.show-upload-btn:hover { + background: linear-gradient(135deg, #d97706, #b45309); + transform: translateY(-1px); + box-shadow: 0 4px 8px rgba(245, 158, 11, 0.4); +} + +.upload-header { + display: flex; + justify-content: flex-end; + margin-bottom: 0.5rem; +} + +.close-upload-btn { + background: #f1f5f9; + border: none; + border-radius: 4px; + padding: 0.5rem; + cursor: pointer; + color: #64748b; + transition: all 0.3s ease; + display: flex; + align-items: center; + justify-content: center; +} + +.close-upload-btn:hover { + background: #e2e8f0; + color: #ef4444; +} + /* File Upload Styles */ .file-upload-container { position: relative; @@ -513,4 +564,9 @@ font-size: 0.8rem; padding: 0.4rem 0.6rem; } + + .show-upload-btn { + padding: 0.6rem 1.2rem; + font-size: 0.9rem; + } } \ No newline at end of file diff --git a/src/pages/EditMeeting.jsx b/src/pages/EditMeeting.jsx index b8bf472..6c17c95 100644 --- a/src/pages/EditMeeting.jsx +++ b/src/pages/EditMeeting.jsx @@ -25,6 +25,7 @@ const EditMeeting = ({ user }) => { const [isUploading, setIsUploading] = useState(false); const [error, setError] = useState(''); const [meeting, setMeeting] = useState(null); + const [showUploadArea, setShowUploadArea] = useState(false); useEffect(() => { fetchMeetingData(); @@ -172,6 +173,7 @@ const EditMeeting = ({ user }) => { } setAudioFile(null); + setShowUploadArea(false); // Reset file input const fileInput = document.getElementById('audio-file'); if (fileInput) fileInput.value = ''; @@ -321,45 +323,69 @@ const EditMeeting = ({ user }) => {