~9차 스프린트 작업사항 #4 (#132)

SWM-SMART · Nov 21, 2023 · d852b96 · d852b96
2 parents ee486c5 + 1009f1b
commit d852b96
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 4 deletions.
diff --git a/app/components/DocumentCreateDialogue/documentCreateDialogue.module.css b/app/components/DocumentCreateDialogue/documentCreateDialogue.module.css
@@ -2,3 +2,20 @@
   max-width: 500px;
   width: 100%;
 }
+.notice {
+  box-sizing: border-box;
+  margin: 5px;
+  gap: 10px;
+  padding: 5px 20px;
+  display: flex;
+  border-radius: 20px;
+  align-items: center;
+  border: 2px solid var(--warning-color);
+  color: var(--warning-color) !important;
+  animation: var(--intro-animation);
+}
+
+.noticeText {
+  padding: 0;
+  margin: 0;
+}
diff --git a/app/components/DocumentCreateDialogue/index.tsx b/app/components/DocumentCreateDialogue/index.tsx
@@ -84,11 +84,25 @@ export default function DocumentCreateDialogue({
         <TextInput label="제목" name="title" />
         <FileInput
           name="file"
-          types={['application/pdf', 'audio/mpeg']}
-          typeNames={['pdf(최대 30페이지)', 'mp3']}
+          types={['application/pdf']}
+          typeNames={['pdf(최대 30페이지)']}
           onError={(msg) => pushToast({ id: new Date().getTime(), duraton: 3000, msg: msg })}
         />
+        <Notice text="STT 오류로 인해 mp3 파일 업로드가 일시적으로 제한됩니다." />
       </Dialogue>
     </div>
   );
 }
+
+interface NoticeProps {
+  text: string;
+}
+
+function Notice({ text }: NoticeProps) {
+  return (
+    <div className={styles.notice}>
+      <span className="material-symbols-outlined">warning</span>
+      <p className={styles.noticeText}>{text}</p>
+    </div>
+  );
+}
diff --git a/global.d.ts b/global.d.ts
@@ -232,4 +232,4 @@ interface KeywordResponse {
   text: string;
 }
 
-type ViewerEventType = 'mindmap' | 'answer' | 'audio' | 'keywords' | 'sse';
+type ViewerEventType = 'mindmap' | 'answer' | 'audio' | 'keywords' | 'sse' | 'ping';
diff --git a/utils/api.ts b/utils/api.ts
@@ -115,7 +115,7 @@ export function createDocumentEventSource(documentId?: number) {
     headers.Authorization = newAccessToken;
   });
 
-  const eventTypes: ViewerEventType[] = ['answer', 'audio', 'keywords', 'mindmap', 'sse'];
+  const eventTypes: ViewerEventType[] = ['answer', 'audio', 'keywords', 'mindmap', 'sse', 'ping'];
   for (const type of eventTypes) {
     eventSource.addEventListener(type, (e) => {
       console.log(type, e);