diff --git a/frontend/src/components/ui/ServerStationFilters/FilterOption.tsx b/frontend/src/components/ui/ServerStationFilters/FilterOption.tsx index 396c82d09..60c6d7aeb 100644 --- a/frontend/src/components/ui/ServerStationFilters/FilterOption.tsx +++ b/frontend/src/components/ui/ServerStationFilters/FilterOption.tsx @@ -34,7 +34,7 @@ const FilterSection = ({ `} > - + {title} 중복선택 가능 @@ -55,5 +55,4 @@ const FilterSection = ({ ); }; - export default FilterSection; diff --git a/frontend/src/components/ui/ServerStationFilters/ServerStationFilters.tsx b/frontend/src/components/ui/ServerStationFilters/ServerStationFilters.tsx index 0bb84b6d2..457ed9286 100644 --- a/frontend/src/components/ui/ServerStationFilters/ServerStationFilters.tsx +++ b/frontend/src/components/ui/ServerStationFilters/ServerStationFilters.tsx @@ -56,13 +56,13 @@ const ServerStationFilters = () => { return ( { CONNECTOR_TYPES[connectorType])} filterOptionValues={connectorTypes} toggleSelectFilter={toggleConnectorTypeFilter} getIsFilterSelected={getIsConnectorTypeSelected} /> Number(capacity))] as Capacity[]} filterOptionValues={[...capacities]} - filterButtonVariant={'sm'} + filterButtonVariant="sm" toggleSelectFilter={toggleCapacityFilter} getIsFilterSelected={getIsCapacitySelected} /> COMPANIES[companyKey])} filterOptionValues={[...companies]} toggleSelectFilter={toggleCompanyFilter} getIsFilterSelected={getIsCompanySelected} /> ); diff --git a/frontend/src/components/ui/StationDetailsWindow/reports/charger/ChargerReportConfirmation.tsx b/frontend/src/components/ui/StationDetailsWindow/reports/charger/ChargerReportConfirmation.tsx index 506fefa57..57fa6f0a7 100644 --- a/frontend/src/components/ui/StationDetailsWindow/reports/charger/ChargerReportConfirmation.tsx +++ b/frontend/src/components/ui/StationDetailsWindow/reports/charger/ChargerReportConfirmation.tsx @@ -24,7 +24,8 @@ const ChargerReportConfirmation = ({ stationId }: ChargerReportConfirmationProps 충전기가 고장나있다면 신고해주세요. - 표시된 정보가 실제 충전기 상태와 다를 수 있습니다. + 표시된 정보가 실제 충전기 상태와 다를 수 있습니다. + 충전소당 한 번만 신고할 수 있습니다. { {stationName} - {address?.length > 0 ? address : '도로명주소 없음'} + {contact?.length > 0 || !address || address === 'null' ? '주소 미확인' : address} - {detailLocation?.length > 0 ? detailLocation : '상세주소 없음'} + {contact?.length > 0 || !address || detailLocation === 'null' + ? '상세주소 미확인' + : detailLocation} diff --git a/frontend/src/components/ui/StationList/EmptyStationsNotice.tsx b/frontend/src/components/ui/StationList/EmptyStationsNotice.tsx index 981a15305..418e4cceb 100644 --- a/frontend/src/components/ui/StationList/EmptyStationsNotice.tsx +++ b/frontend/src/components/ui/StationList/EmptyStationsNotice.tsx @@ -9,7 +9,9 @@ const EmptyStationsNotice = () => { - 조회 가능한 충전소가 없습니다. + + 조회 가능한 충전소가 없습니다. + 화면을 조금 더 확대하거나 장소를 이동해보세요. diff --git a/frontend/src/style/index.ts b/frontend/src/style/index.ts index e605e77ae..9c97928b6 100644 --- a/frontend/src/style/index.ts +++ b/frontend/src/style/index.ts @@ -31,7 +31,7 @@ export const getSize = (size: string | number) => { export const getColor = (color?: Color) => { switch (color) { case 'primary': - return '#0d6efd'; + return '#0064ff'; case 'secondary': return '#212529BF'; case 'success': @@ -47,7 +47,7 @@ export const getColor = (color?: Color) => { case 'dark': return '#212529'; default: - return '#0d6efd'; + return '#0064ff'; } };