release v1.3.1 (#638)

* [FE] 제출 컴포넌트 UI 수정한다. (#632) [FE] 제출 컴포넌트 UI 수정 * [FE] 타입스크립트 옵션을 프로젝트에 맞게 수정한다. (#635) * feat: tsconfig 옵션 변경 * feat: 누락된 옵션 추가 * [FE] 작동이 없어서 웹소켓 연결이 종료되었을때, 재연결을 할 수 있도록 한다. (#637) feat: reconnect_delay를 1초로 설정한다.
woowacourse-teams · Oct 20, 2022 · 4c526fb · 4c526fb
1 parent 3fb989d
commit 4c526fb
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 22 deletions.
diff --git a/frontend/frontend-security b/frontend/frontend-security
diff --git a/frontend/src/components/host/Submissions/index.tsx b/frontend/src/components/host/Submissions/index.tsx
@@ -1,9 +1,8 @@
+import { useMemo } from 'react';
 import { useNavigate } from 'react-router-dom';
 
 import Button from '@/components/common/Button';
 
-import emptyFolder from '@/assets/emptyFolder.png';
-
 import styles from './styles';
 
 const columns = ['제출자', '업무', '제출일자'];
@@ -40,6 +39,8 @@ const Submissions: React.FC<SubmissionsProps> = ({ submissions, isFullSize = fal
     navigate('spaceRecord');
   };
 
+  const reversedSubmissions = useMemo(() => [...submissions].reverse(), [submissions]);
+
   return (
     <div css={styles.layout({ isFullSize })}>
       <div css={styles.header}>
@@ -62,7 +63,7 @@ const Submissions: React.FC<SubmissionsProps> = ({ submissions, isFullSize = fal
           </thead>
 
           <tbody>
-            {submissions.map(({ submissionId, author, jobName, createdAt }) => (
+            {reversedSubmissions.map(({ submissionId, author, jobName, createdAt }) => (
               <tr key={submissionId}>
                 <td>{author}</td>
                 <td>{jobName}</td>

diff --git a/frontend/src/components/host/Submissions/styles.ts b/frontend/src/components/host/Submissions/styles.ts
@@ -8,12 +8,12 @@ const layout = ({ isFullSize }: { isFullSize: boolean }) => css`
   border-radius: 8px;
   font-size: 16px;
   box-shadow: 2px 2px 2px 2px ${theme.colors.shadow10};
-  height: 360px;
+  padding-bottom: 24px;
 
   ${isFullSize &&
   css`
     margin-top: 5rem;
-    height: 520px;
+    height: calc(50vh + 10em);
   `}
 
   @media screen and (min-width: 1024px) {
@@ -62,7 +62,7 @@ const table = ({ isFullSize }: { isFullSize: boolean }) => css`
     display: flex;
     flex-direction: column;
     justify-content: start;
-    height: 100%;
+
     width: 100%;
     overflow-y: ${isFullSize ? 'scroll' : 'hidden'};
     height: ${isFullSize ? '50vh' : '12.5em'};

diff --git a/frontend/src/pages/user/TaskList/useTaskList.tsx b/frontend/src/pages/user/TaskList/useTaskList.tsx
@@ -86,6 +86,8 @@ const useTaskList = () => {
   useEffect(() => {
     stomp.current = Stomp.client(`${process.env.REACT_APP_WS_URL}/ws-connect`);
 
+    stomp.current.reconnect_delay = 1000;
+
     stomp.current.connect({}, () => {
       stomp.current.subscribe(`/topic/jobs/${jobId}`, (data: any) => {
         setSectionsData(JSON.parse(data.body));

diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
@@ -1,33 +1,22 @@
 {
   "compilerOptions": {
     "target": "es2016",
-    "composite": true,
+    "composite": false,
     "jsx": "react-jsx",
     "jsxImportSource": "@emotion/react",
     "module": "esnext",
     "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "allowJs": true,
-    "noEmit": true,
     "isolatedModules": true,
-    "allowSyntheticDefaultImports": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
     "strict": true,
-    "strictNullChecks": true,
-    "noImplicitThis": true,
-    "useUnknownInCatchVariables": true,
     "exactOptionalPropertyTypes": true,
-    "noImplicitReturns": true,
+    "forceConsistentCasingInFileNames": true,
     "noFallthroughCasesInSwitch": true,
     "allowUnreachableCode": false,
     "skipLibCheck": true,
     "baseUrl": ".",
     "paths": {
       "@/*": ["src/*"]
-    },
-    "types": ["cypress", "node"]
+    }
   },
-  "include": ["src", "cypress"],
-  "exclude": ["**/*.cy.ts"]
+  "include": ["src"]
 }