diff --git a/client/src/pages/Community.tsx b/client/src/pages/Community.tsx index 2eb766e..1e09443 100644 --- a/client/src/pages/Community.tsx +++ b/client/src/pages/Community.tsx @@ -13,6 +13,7 @@ import { Eye, MessageCircle, ThumbsUp, Pin, Search, Info, Settings, User, LogOut import type { MediaOutlet, CommunityPost } from "@shared/schema"; import { queryClient, apiRequest } from "@/lib/queryClient"; import SearchModal from "@/components/SearchModal"; +import LoginModal from "@/components/LoginModal"; export default function Community() { const [, params] = useRoute("/media/:slug/community"); @@ -22,6 +23,7 @@ export default function Community() { const [sortBy, setSortBy] = useState("latest"); const [searchTerm, setSearchTerm] = useState(""); const [isSearchModalOpen, setIsSearchModalOpen] = useState(false); + const [isLoginModalOpen, setIsLoginModalOpen] = useState(false); const [enlargedImage, setEnlargedImage] = useState(null); const slug = params?.slug || ''; @@ -238,7 +240,15 @@ export default function Community() { - @@ -434,6 +444,11 @@ export default function Community() { )} + + setIsLoginModalOpen(false)} + /> ); } diff --git a/client/src/pages/MediaOutlet.tsx b/client/src/pages/MediaOutlet.tsx index 5804d26..c2e6ac7 100644 --- a/client/src/pages/MediaOutlet.tsx +++ b/client/src/pages/MediaOutlet.tsx @@ -253,36 +253,42 @@ export default function MediaOutlet() { /> + + + + + + {isAuthenticated && user ? ( <> - - - - - -