diff --git a/components/auth-session-sync.tsx b/components/auth-session-sync.tsx
index b6753fc..6d5559a 100644
--- a/components/auth-session-sync.tsx
+++ b/components/auth-session-sync.tsx
@@ -37,6 +37,8 @@ export function AuthSessionSync() {
setServerUser(session.data.authenticated && session.data.user ? session.data.user : undefined);
if (session.data.result === "SIGNUP_REQUIRED" && session.data.pendingAuth) {
setPendingSignupProvider(session.data.pendingAuth.provider, session.data.pendingAuth.email);
+ } else {
+ setPendingSignupProvider(undefined);
}
}, [session.data, setPendingSignupProvider, setServerUser]);
diff --git a/components/author-block-confirm-modal.tsx b/components/author-block-confirm-modal.tsx
new file mode 100644
index 0000000..c77bd5f
--- /dev/null
+++ b/components/author-block-confirm-modal.tsx
@@ -0,0 +1,43 @@
+"use client";
+
+import { Ban, LoaderCircle, X } from "lucide-react";
+import { useModalNavigation } from "@/hooks/use-modal-navigation";
+
+export function AuthorBlockConfirmModal({
+ isSubmitting,
+ onClose,
+ onConfirm,
+}: {
+ isSubmitting: boolean;
+ onClose: () => void;
+ onConfirm: () => void;
+}) {
+ const closeModal = useModalNavigation({
+ open: true,
+ onBack: () => {
+ if (!isSubmitting) onClose();
+ },
+ onDismiss: onClose,
+ });
+
+ return (
+
+
+
+
+ 작성자 차단
+
+
+
+
+
이 작성자를 차단하시겠어요?
+
이 작성자의 제보가 목록과 상세 화면에서 보이지 않아요.
+
+
+
+
+
+
+ );
+}
diff --git a/components/blocked-author-list.tsx b/components/blocked-author-list.tsx
new file mode 100644
index 0000000..4c7c1a1
--- /dev/null
+++ b/components/blocked-author-list.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import { keepPreviousData, useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import { ChevronLeft, ChevronRight, LoaderCircle, UserRound } from "lucide-react";
+import { useState } from "react";
+import { moderationApi } from "@/lib/api/moderation-api";
+import { resolveProfileImage } from "@/lib/constants";
+import { formatReportDateTime } from "@/lib/date";
+import { useToastStore } from "@/store/toast-store";
+
+const PAGE_SIZE = 20;
+
+export function BlockedAuthorList() {
+ const queryClient = useQueryClient();
+ const showToast = useToastStore((state) => state.showToast);
+ const [page, setPage] = useState(0);
+ const blocks = useQuery({
+ queryKey: ["report-blocks", page, PAGE_SIZE],
+ queryFn: () => moderationApi.getReportBlocks(page, PAGE_SIZE),
+ placeholderData: keepPreviousData,
+ });
+ const unblock = useMutation({
+ mutationFn: moderationApi.unblockMember,
+ onSuccess: () => {
+ showToast("차단을 해제했어요.", "SUCCESS");
+ if (blocks.data?.items.length === 1 && page > 0) setPage((current) => current - 1);
+ void Promise.all([
+ queryClient.invalidateQueries({ queryKey: ["report-blocks"] }),
+ queryClient.invalidateQueries({ queryKey: ["weather-reports"] }),
+ queryClient.invalidateQueries({ queryKey: ["member-weather-reports"] }),
+ ]);
+ },
+ onError: (error) => {
+ showToast(error instanceof Error ? error.message : "차단을 해제하지 못했어요.", "ERROR");
+ },
+ });
+
+ if (blocks.isPending) {
+ return
{Array.from({ length: 3 }).map((_, index) =>
)}
;
+ }
+
+ if (blocks.isError || !blocks.data) {
+ return
차단 목록을 불러오지 못했어요.
;
+ }
+
+ if (blocks.data.items.length === 0) {
+ return
차단한 사용자가 없어요.
;
+ }
+
+ return (
+
+
+ {blocks.data.items.map((item) => {
+ const avatarUrl = resolveProfileImage(item.avatar?.profileImageUrl ?? item.avatar?.value);
+ const isUnblocking = unblock.isPending && unblock.variables === item.memberId;
+ return
+ {!avatarUrl && }
+ {item.nickname}
{formatReportDateTime(item.blockedAt)} 차단
;
+ })}
+
+ {blocks.data.totalPages > 1 &&
}
+
+ );
+}
diff --git a/components/home-screen.tsx b/components/home-screen.tsx
index 56822ad..175d848 100644
--- a/components/home-screen.tsx
+++ b/components/home-screen.tsx
@@ -1,7 +1,7 @@
"use client";
import { useInfiniteQuery, useQuery } from "@tanstack/react-query";
-import { useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
import { AppHeader } from "@/components/app-header";
import { EmptyState } from "@/components/empty-state";
import { ErrorState } from "@/components/error-state";
@@ -11,17 +11,28 @@ import { ReportCard } from "@/components/report-card";
import { ReportGridSkeleton } from "@/components/report-grid-skeleton";
import { WeatherSummary, WeatherSummarySkeleton } from "@/components/weather-summary";
import { useCurrentLocation } from "@/hooks/use-current-location";
+import { useLocationFavorite } from "@/hooks/use-location-favorite";
import { weatherApi } from "@/lib/api";
import { getLocationName } from "@/lib/constants";
import { useToastStore } from "@/store/toast-store";
+import { useAuthStore } from "@/store/auth-store";
export function HomeScreen() {
const { location, setLocation, isDetecting, detectionError, needsManualInput, setNeedsManualInput, detectLocation } = useCurrentLocation({ refreshOnHomeResume: true });
const showToast = useToastStore((state) => state.showToast);
+ const isMember = useAuthStore((state) => state.user.type === "MEMBER");
const loadMoreRef = useRef
(null);
const [isManualRefreshAnimating, setIsManualRefreshAnimating] = useState(false);
const locationLabel = location ? getLocationName(location, "short") : "";
const locationKey = location?.id ?? locationLabel;
+ const showFavoriteError = useCallback(() => {
+ showToast("즐겨찾기를 변경하지 못했어요.", "ERROR");
+ }, [showToast]);
+ const favorite = useLocationFavorite({
+ location,
+ enabled: isMember,
+ onError: showFavoriteError,
+ });
const summary = useQuery({ queryKey: ["weather-summary", locationKey], queryFn: () => weatherApi.getSummary(location!), enabled: !!location, refetchInterval: 10_000, refetchIntervalInBackground: false });
const reports = useInfiniteQuery({
queryKey: ["weather-reports", locationKey],
@@ -75,7 +86,10 @@ export function HomeScreen() {
updatedAt={summary.dataUpdatedAt}
isRefreshing={summary.isFetching || reports.isRefetching || isManualRefreshAnimating}
canRefresh={Boolean(location)}
+ isFavorite={favorite.isFavorite}
+ isFavoriteDisabled={favorite.isLoading || favorite.isUpdating}
onLocationClick={() => setNeedsManualInput(true)}
+ onFavoriteToggle={isMember && location?.id ? () => void favorite.toggleFavorite() : undefined}
onRefresh={() => void refreshWeather()}
/>
{showLocationError ? : showFullWeatherError ? : <>
diff --git a/components/home-weather-controls.tsx b/components/home-weather-controls.tsx
index 54a0018..9f0b7d1 100644
--- a/components/home-weather-controls.tsx
+++ b/components/home-weather-controls.tsx
@@ -1,6 +1,6 @@
import { format } from "date-fns";
import { ko } from "date-fns/locale";
-import { ChevronDown, MapPin, RotateCw } from "lucide-react";
+import { ChevronDown, MapPin, RotateCw, Star } from "lucide-react";
import { useSyncExternalStore } from "react";
import { LocationDetectingIndicator } from "@/components/location-detecting-indicator";
@@ -25,7 +25,10 @@ export function HomeWeatherControls({
updatedAt,
isRefreshing,
canRefresh,
+ isFavorite,
+ isFavoriteDisabled,
onLocationClick,
+ onFavoriteToggle,
onRefresh,
}: {
location?: string;
@@ -33,7 +36,10 @@ export function HomeWeatherControls({
updatedAt: number;
isRefreshing: boolean;
canRefresh: boolean;
+ isFavorite?: boolean;
+ isFavoriteDisabled?: boolean;
onLocationClick: () => void;
+ onFavoriteToggle?: () => void;
onRefresh: () => void;
}) {
const browserOpenedAt = useSyncExternalStore(subscribeToOpenedAt, getOpenedAt, getServerOpenedAt);
@@ -44,13 +50,27 @@ export function HomeWeatherControls({
return (
-
+
+
+ {onFavoriteToggle ? (
+
+ ) : null}
+