feat: 내 호선만 보기 필터를 실 데이터로 반영 (#325) (#327)

* feat: community 글쓰기 이미지 첨부 관련 코드 수정 (#325)

* feat: 내 호선만 보기 필터 기능 (#325)

Author: createhb21

services/ahhachul.com/src/apis/request/user.ts

@@ -35,3 +35,5 @@ export const fetchUserFavoriteStations = async () => {
 
   return data;
 };
+
+// export const createUserFavoriteStations = () => {}

services/ahhachul.com/src/pages/my/setting.tsx

@@ -9,6 +9,7 @@ import { CloseIcon, SearchIcon } from '@/assets/icons/system';
 import { LayoutComponent } from '@/components';
 import { subwayLineHexColors, subwayLineOptions } from '@/constants';
 import { useFetchSubwayLines } from '@/services/subway';
+import { useFetchUserFavoriteStations } from '@/services/user';
 import { useFlow } from '@/stackflow';
 import { useUserStationStore } from '@/stores/subway';
 import type { Stations, SubwayLineType, UserStationList } from '@/types';
@@ -29,6 +30,9 @@ const LABEL_OPTIONS = [
 const SettingPage: ActivityComponentType = () => {
   const { pop } = useFlow();
   const { data: DEFAULT_STATIONS } = useFetchSubwayLines();
+  const { data: FAVORIT_STATIONS } = useFetchUserFavoriteStations();
+  console.log('FAVORIT_STATIONS:', FAVORIT_STATIONS);
+
   const [searchTerm, setSearchTerm] = useState('');
   const [selectedStation, setSelectedStation] = useState<string | null>(null);
   const [labeledStations, setLabeledStations] = useState<StationLabel[]>([]);
@@ -203,6 +207,7 @@ const SettingPage: ActivityComponentType = () => {
                 alert('역을 하나 이상 선택해주세요.');
                 return;
               }
+
               const formattedStations = labeledStations.map(station => ({
                 name: station.stationName,
                 label: LABEL_OPTIONS.find(l => l.id === station.label)?.text || '',

services/ahhachul.com/src/services/community.ts

@@ -10,14 +10,15 @@ import { removeFalsyValues } from '@ahhachul/utils';
 import * as api from '@/apis/request';
 import { TIMESTAMP } from '@/constants';
 import { useFlow } from '@/stackflow';
+import { useUserStationStore } from '@/stores/subway';
 import {
   CommunityType,
   type CommunityForm,
   type CommunityEditForm,
   type CommunityListParams,
   type SubwayLineFilterOptions,
 } from '@/types';
-import { formatSubwayFilterOption } from '@/utils';
+import { formatSubwayFilterOption, getFirstParentLineId } from '@/utils';
 
 export const communityKeys = {
   all: ['community'] as const,
@@ -31,7 +32,9 @@ export const communityKeys = {
 };
 
 export const useFetchCommunityList = (filters: CommunityListParams<SubwayLineFilterOptions>) => {
-  const favoriteLine = 2;
+  const state = useUserStationStore(state => state);
+  const favoriteLine = getFirstParentLineId(state.stations);
+
   const req = removeFalsyValues(
     {
       categoryType: filters.categoryType,

services/ahhachul.com/src/services/complaint.ts

@@ -10,9 +10,10 @@ import { removeFalsyValues } from '@ahhachul/utils';
 import * as api from '@/apis/request';
 import { TIMESTAMP } from '@/constants';
 import { useFlow } from '@/stackflow';
+import { useUserStationStore } from '@/stores/subway';
 import { SubwayLineFilterOptions } from '@/types';
 import type { ComplaintForm, ComplaintListParams } from '@/types/complaint';
-import { formatSubwayFilterOption } from '@/utils';
+import { formatSubwayFilterOption, getFirstParentLineId } from '@/utils';
 import { extractTextFromLexical } from '@/utils/lexical';
 
 export const complaintKeys = {
@@ -27,7 +28,9 @@ export const complaintKeys = {
 };
 
 export const useFetchComplaintList = (filters: ComplaintListParams<SubwayLineFilterOptions>) => {
-  const favoriteLine = 3;
+  const state = useUserStationStore(state => state);
+  const favoriteLine = getFirstParentLineId(state.stations);
+
   const req = removeFalsyValues(
     {
       keyword: filters.keyword,

services/ahhachul.com/src/services/lostFound.ts

@@ -10,14 +10,15 @@ import { removeFalsyValues } from '@ahhachul/utils';
 import * as api from '@/apis/request';
 import { TIMESTAMP } from '@/constants';
 import { useFlow } from '@/stackflow';
+import { useUserStationStore } from '@/stores/subway';
 import {
   LostFoundType,
   type LostFoundForm,
   type LostFoundEditForm,
   type LostFoundListParams,
   type SubwayLineFilterOptions,
 } from '@/types';
-import { formatSubwayFilterOption } from '@/utils';
+import { formatSubwayFilterOption, getFirstParentLineId } from '@/utils';
 
 export const lostFoundKeys = {
   all: ['lostFound'] as const,
@@ -31,7 +32,9 @@ export const lostFoundKeys = {
 };
 
 export const useFetchLostFoundList = (filters: LostFoundListParams<SubwayLineFilterOptions>) => {
-  const favoriteLine = 3;
+  const state = useUserStationStore(state => state);
+  const favoriteLine = getFirstParentLineId(state.stations);
+
   const req = removeFalsyValues(
     {
       lostType: filters.lostType,

services/ahhachul.com/src/utils/format.ts

@@ -1,8 +1,13 @@
-import { Stations, SubwayLineFilterOptions, SubwayLineServerModel } from '@/types';
+import {
+  type Stations,
+  type SubwayLineServerModel,
+  type UserStationList,
+  SubwayLineFilterOptions,
+} from '@/types';
 
 export const formatSubwayFilterOption = (
   lineFilter: SubwayLineFilterOptions,
-  favoriteLine: number,
+  favoriteLine?: number,
 ) => {
   switch (lineFilter) {
     case SubwayLineFilterOptions.ALL_LINES:
@@ -46,3 +51,7 @@ export const formatSubwayLineInfo = (subwayResponse: SubwayLineServerModel) => {
   }, {} as Stations);
   return possibleDuplicatedStations;
 };
+
+export const getFirstParentLineId = (stations: UserStationList): number | undefined => {
+  return stations[0]?.stationInfos[0]?.parentLineId;
+};