diff --git a/frontend/frontend-security b/frontend/frontend-security index dc5dc992..b7c008c7 160000 --- a/frontend/frontend-security +++ b/frontend/frontend-security @@ -1 +1 @@ -Subproject commit dc5dc992222c55f2eb0dce9d618885ed928bc022 +Subproject commit b7c008c73445d0106d8786199b5f183283b59859 diff --git a/frontend/src/components/host/Submissions/index.tsx b/frontend/src/components/host/Submissions/index.tsx index 4c30e713..4ae1db65 100644 --- 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 = ({ submissions, isFullSize = fal navigate('spaceRecord'); }; + const reversedSubmissions = useMemo(() => [...submissions].reverse(), [submissions]); + return (
@@ -62,7 +63,7 @@ const Submissions: React.FC = ({ submissions, isFullSize = fal - {submissions.map(({ submissionId, author, jobName, createdAt }) => ( + {reversedSubmissions.map(({ submissionId, author, jobName, createdAt }) => ( {author} {jobName} diff --git a/frontend/src/components/host/Submissions/styles.ts b/frontend/src/components/host/Submissions/styles.ts index ea8bc0df..0d23eeb7 100644 --- 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 index ebd4c69b..18dec950 100644 --- 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 index 171d2d4e..787d2f16 100644 --- 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"] }