Remove Sentry Integration and Improve Frontend Stability (#173)

Author: 1408bg

.tool-versions

@@ -0,0 +1 @@
+nodejs 20.11.1

apps/admin/src/components/company/filter.tsx

@@ -88,7 +88,7 @@ export const CompanyFilter = () => {
           width={95}
           value={companyFilter.businessArea}
           options={["전체"].concat(
-            businessAreas?.codes.map(code => code.keyword) || []
+            businessAreas?.codes?.map(code => code.keyword) || []
           )}
           changeHandler={item => {
             setDropdownCompanyFilter(

apps/admin/src/components/student/employmentStatus.tsx

@@ -1,6 +1,5 @@
 import { useState } from "react";
 import { BigButton, Stack } from "@/components";
-import { styled } from "styled-components";
 import { AddStudent, EmploymentCurrentSituation } from "@/components";
 import { useNavigate } from "react-router-dom";
 

apps/admin/src/components/student/employmentStatusComponent/addStudent.tsx

@@ -13,7 +13,7 @@ export const AddStudent = () => {
       {isPending || isRefetching ? (
         <Loading />
       ) : (
-        data?.recruitments.map((company, index) => (
+        data?.recruitments?.map((company, index) => (
           <AddStudentRow key={index} data={company} />
         ))
       )}

apps/admin/src/components/student/employmentStatusComponent/employmentCurrentSituation.tsx

@@ -2,16 +2,16 @@ import { useEmploymentStats } from "@/apis";
 import { Text } from "@jobis/ui";
 import { Loading, Stack } from "@/components";
 import { ClassIdToLabelData } from "@/constants";
-import styled from "styled-components";
+import { styled } from "styled-components";
 import { themes } from "@jobis/design-token";
 
 export const EmploymentCurrentSituation = () => {
   const { data, isPending } = useEmploymentStats();
 
   return (
     <Container>
-      {isPending ?? <Loading />}
-      {data?.classes.map(item => {
+      {isPending && <Loading />}
+      {data?.classes?.map(item => {
         return (
           <Stack key={item.class_id} direction="column" gap={16}>
             <Header justify="space-between">
@@ -27,7 +27,7 @@ export const EmploymentCurrentSituation = () => {
               </RateText>
             </Header>
             <EmploymentRateContainer>
-              {item.employment_rate_response_list.map(
+              {item.employment_rate_response_list?.map(
                 (employmentRow, index) => (
                   <EmploymentRateItem key={index}>
                     <Logo

apps/admin/src/components/student/employmentStatusComponent/index.ts

@@ -1,3 +1,3 @@
-export * from "./AddStudent";
-export * from "./AddStudentRow";
-export * from "./EmploymentCurrentSituation";
+export * from "./addStudent";
+export * from "./addStudentRow";
+export * from "./employmentCurrentSituation";

apps/admin/src/components/student/index.ts

@@ -1,2 +1,2 @@
-export * from "./EmploymentStatus";
+export * from "./employmentStatus";
 export * from "./employmentStatusComponent";

apps/admin/src/pages/application.tsx

@@ -30,12 +30,12 @@ export const ApplicationPage = () => {
   }, [applicationFilter]);
 
   const filteringApplications = applications?.applications
-    .filter(
+    ?.filter(
       item =>
         item.company_name.includes(applicationFilter.companyOrStudentName) ||
         item.student_name.includes(applicationFilter.companyOrStudentName)
     )
-    .filter(
+    ?.filter(
       item =>
         applicationFilter.status === "" ||
         applicationStatus[item.application_status] === applicationFilter.status

apps/admin/src/pages/company.tsx

@@ -40,23 +40,23 @@ export const CompanyPage = () => {
   };
 
   const filteringCompanies = companies?.companies
-    .filter(
+    ?.filter(
       item =>
         !companyFilter.region || item.region.includes(companyFilter.region)
     )
-    .filter(
+    ?.filter(
       item =>
         !companyFilter.businessArea ||
         item.business_area.includes(companyFilter.businessArea)
     )
-    .filter(item =>
+    ?.filter(item =>
       companyFilter.division
         ? companyFilter.division === "협약기업"
           ? item.convention
           : CompanyTypeEnToKr[item.company_type] === companyFilter.division
         : true
     )
-    .filter(item => item.company_name.includes(companyFilter.companyName));
+    ?.filter(item => item.company_name.includes(companyFilter.companyName));
 
   return (
     <Container>

apps/admin/src/pages/modal/applicantModal.tsx

@@ -40,7 +40,7 @@ export const ApplicantModal = ({ isRequest, status, id }: PropsType) => {
     }
   );
 
-  const selectStudent = data?.applications.find(
+  const selectStudent = data?.applications?.find(
     item => item.application_id === selectId
   );
 
@@ -81,7 +81,7 @@ export const ApplicantModal = ({ isRequest, status, id }: PropsType) => {
         ))}
       </TitleWrapper>
       <Stack direction="column" gap={10}>
-        {data?.applications.map((item, idx) => (
+        {data?.applications?.map((item, idx) => (
           <ApplicantStudentRow
             key={idx}
             item={item}
@@ -105,7 +105,7 @@ export const ApplicantModal = ({ isRequest, status, id }: PropsType) => {
       </TitleWrapper>
       <Stack direction="column" gap={10}>
         {selectStudent ? (
-          selectStudent.attachments.map((attachment, idx) => (
+          selectStudent.attachments?.map((attachment, idx) => (
             <ApplicantFileRow key={idx} attachment={attachment} idx={idx} />
           ))
         ) : (