Merge pull request #145 from TEAM-COMFIT/fix/#143/onboarding-home-error

Author: hummingbbird

src/features/company-detail/api/use-get-company-detail.query.ts

@@ -7,7 +7,7 @@ import { companyQueryKey } from "@/shared/api/config/query-key";
 import type { GetCompanyResponseDto } from "@/shared/api/generate/http-client";
 
 export const getCompanyDetail = async (companyId: number) => {
-  const response = await api.companies.getCompany(companyId);
+  const response = await api.companies.getCompany(companyId, { secure: false });
   return response.result as unknown as GetCompanyResponseDto;
 };
 
@@ -16,6 +16,7 @@ export const useGetCompanyDetail = (companyId: number) => {
     queryKey: companyQueryKey.detail(companyId),
     queryFn: () => getCompanyDetail(companyId),
     enabled: Number.isFinite(companyId) && companyId > 0,
+    // secure: tr
     throwOnError: (error) =>
       !(isAxiosError(error) && error.response?.status === 404),
   });

src/features/home/ui/major-company-card/major-company-card.tsx

@@ -1,12 +1,12 @@
 import { assignInlineVars } from "@vanilla-extract/dynamic";
 import { useNavigate } from "react-router-dom";
 
-import {
-  getCompanyDetail,
-  getCompanySuggestions,
-} from "@/features/company-detail";
-import { queryClient } from "@/shared/api";
-import { companyQueryKey } from "@/shared/api/config/query-key";
+// import {
+//   getCompanyDetail,
+//   getCompanySuggestions,
+// } from "@/features/company-detail";
+// import { queryClient } from "@/shared/api";
+// import { companyQueryKey } from "@/shared/api/config/query-key";
 import { IconMove } from "@/shared/assets/icons";
 import { getScaleLabel } from "@/shared/config";
 import { Tag } from "@/shared/ui/tag/tag";
@@ -34,31 +34,29 @@ const MajorCompanyCard = ({
 }: MajorCompanyCardProps) => {
   const navigate = useNavigate();
 
-  const prefetchCompany = () => {
-    void queryClient.prefetchQuery({
-      queryKey: companyQueryKey.detail(id),
-      queryFn: () => getCompanyDetail(id),
-    });
-    void queryClient.prefetchQuery({
-      queryKey: companyQueryKey.suggestion(id),
-      queryFn: () => getCompanySuggestions(id),
-    });
-  };
+  // TODO: prefetch 기능 다시 살리기
+  // const prefetchCompany = () => {
+  //   void queryClient.prefetchQuery({
+  //     queryKey: companyQueryKey.detail(id),
+  //     queryFn: () => getCompanyDetail(id),
+  //   });
+  //   void queryClient.prefetchQuery({
+  //     queryKey: companyQueryKey.suggestion(id),
+  //     queryFn: () => getCompanySuggestions(id),
+  //   });
+  // };
 
   const handleClick = () => {
     window.scrollTo({ top: 0, left: 0, behavior: "auto" });
-    prefetchCompany();
+    // prefetchCompany();
     navigate(`/company/${id}`);
   };
 
   return (
     <button
       type="button"
       onClick={handleClick}
-      onMouseEnter={prefetchCompany}
-      onFocus={prefetchCompany}
-      onTouchStart={prefetchCompany}
-      aria-label="旮办梾 ?侅劯搿??措彊"
+      aria-label="주요 기업 카드"
       className={styles.card({ type })}
       style={assignInlineVars({ [styles.bgImageUrl]: `url(${imgUrl})` })}
     >

src/widgets/company-card/company-analyze-button.tsx

@@ -1,11 +1,11 @@
 import { useNavigate } from "react-router-dom";
 
-import {
-  getCompanyDetail,
-  getCompanySuggestions,
-} from "@/features/company-detail";
-import { queryClient } from "@/shared/api";
-import { companyQueryKey } from "@/shared/api/config/query-key";
+// import {
+//   getCompanyDetail,
+//   getCompanySuggestions,
+// } from "@/features/company-detail";
+// import { queryClient } from "@/shared/api";
+// import { companyQueryKey } from "@/shared/api/config/query-key";
 import { IconCompany } from "@/shared/assets/icons";
 
 import * as styles from "./company-analyze-button.css";
@@ -17,32 +17,25 @@ interface CompanyAnalyzeButtonProps {
 const CompanyAnalyzeButton = ({ companyId }: CompanyAnalyzeButtonProps) => {
   const navigate = useNavigate();
 
-  const prefetchCompany = () => {
-    void queryClient.prefetchQuery({
-      queryKey: companyQueryKey.detail(companyId),
-      queryFn: () => getCompanyDetail(companyId),
-    });
-    void queryClient.prefetchQuery({
-      queryKey: companyQueryKey.suggestion(companyId),
-      queryFn: () => getCompanySuggestions(companyId),
-    });
-  };
+  // TODO: prefetch 기능 다시 살리기
+  // const prefetchCompany = () => {
+  //   void queryClient.prefetchQuery({
+  //     queryKey: companyQueryKey.detail(companyId),
+  //     queryFn: () => getCompanyDetail(companyId),
+  //   });
+  //   void queryClient.prefetchQuery({
+  //     queryKey: companyQueryKey.suggestion(companyId),
+  //     queryFn: () => getCompanySuggestions(companyId),
+  //   });
+  // };
 
   const handleClick = () => {
     window.scrollTo({ top: 0, left: 0, behavior: "auto" });
-    prefetchCompany();
     navigate(`/company/${companyId}`);
   };
 
   return (
-    <button
-      type="button"
-      className={styles.button}
-      onClick={handleClick}
-      onMouseEnter={prefetchCompany}
-      onFocus={prefetchCompany}
-      onTouchStart={prefetchCompany}
-    >
+    <button type="button" className={styles.button} onClick={handleClick}>
       <IconCompany className={styles.icon} />
       <span>기업 분석 보기</span>
     </button>