diff --git a/components/user/waves/UserPageProfileWave.tsx b/components/user/waves/UserPageProfileWave.tsx index 9caf94e84d..0eb04850d2 100644 --- a/components/user/waves/UserPageProfileWave.tsx +++ b/components/user/waves/UserPageProfileWave.tsx @@ -4,10 +4,7 @@ import { useAuth } from "@/components/auth/Auth"; import { Spinner } from "@/components/dotLoader/DotLoader"; import CircleLoader from "@/components/distribution-plan-tool/common/CircleLoader"; import SecondaryButton from "@/components/utils/button/SecondaryButton"; -import MyStreamWaveCurationContent from "@/components/brain/my-stream/curations/MyStreamWaveCurationContent"; import UserPageProfileWaveMasonry from "@/components/user/waves/UserPageProfileWaveMasonry"; -import { TOOLTIP_STYLES } from "@/helpers/tooltip.helpers"; -import { useProfileCurationViewMode } from "@/hooks/useProfileCurationViewMode"; import { useProfileWaveMutation } from "@/hooks/useProfileWaveMutation"; import { useWaveById } from "@/hooks/useWaveById"; import { useWaveCurations } from "@/hooks/waves/useWaveCurations"; @@ -28,7 +25,6 @@ import { useSearchParams, } from "next/navigation"; import { useCallback, useEffect, useMemo } from "react"; -import { Tooltip } from "react-tooltip"; type ApiErrorLike = { readonly status?: number | undefined; @@ -172,108 +168,6 @@ const getProfilePageSearchString = (searchString: string): string => { return params.toString(); }; -function ProfileCurationViewToggle({ - viewMode, - onChange, -}: { - readonly viewMode: "masonry" | "list"; - readonly onChange: (mode: "masonry" | "list") => void; -}) { - const viewModes = [ - { - mode: "list" as const, - label: "List view", - tooltipId: "profile-curation-view-toggle-list", - icon: ( - - ), - }, - { - mode: "masonry" as const, - label: "Grid view", - tooltipId: "profile-curation-view-toggle-grid", - icon: ( - - ), - }, - ]; - - const getViewModeTabClass = (mode: "masonry" | "list"): string => { - const baseClassName = - "tw-flex tw-h-7 tw-w-7 tw-items-center tw-justify-center tw-rounded-md tw-border tw-border-solid tw-border-transparent tw-transition-colors"; - - if (viewMode === mode) { - return `${baseClassName} tw-border-primary-500/50 tw-bg-primary-600/20 tw-text-primary-400`; - } - - return `${baseClassName} tw-bg-transparent tw-text-iron-500 desktop-hover:hover:tw-bg-white/5 desktop-hover:hover:tw-text-iron-300`; - }; - - return ( -
- {viewModes.map((mode) => ( -
- - - {mode.label} - -
- ))} -
- ); -} - const getProfileCurationTitle = ( profileCuration: ApiWaveCuration | null ): string => { @@ -289,7 +183,6 @@ function ProfileCurationBody({ onRetryCurations, profileCuration, profileIdentity, - viewMode, wave, }: { readonly areCurationsError: boolean; @@ -303,7 +196,6 @@ function ProfileCurationBody({ readonly handle?: string | null | undefined; readonly primary_address?: string | null | undefined; }; - readonly viewMode: "masonry" | "list"; readonly wave: NonNullable["wave"]>; }) { if (areCurationsLoading) { @@ -339,24 +231,13 @@ function ProfileCurationBody({ ); } - if (viewMode === "masonry") { - return ( - - ); - } - return ( - ); } @@ -393,7 +274,6 @@ export default function UserPageProfileWave({ }); const { clearSelectedProfileWave, isPending, pendingAction } = useProfileWaveMutation(resolvedProfile); - const { viewMode, setViewMode } = useProfileCurationViewMode(); const isOwnProfile = isOwnProfileRoute({ connectedProfile, handleOrWallet, @@ -519,12 +399,6 @@ export default function UserPageProfileWave({
- {profileCuration && ( - - )}
diff --git a/hooks/useProfileCurationViewMode.ts b/hooks/useProfileCurationViewMode.ts deleted file mode 100644 index f8f7543da1..0000000000 --- a/hooks/useProfileCurationViewMode.ts +++ /dev/null @@ -1,15 +0,0 @@ -"use client"; - -import { useCallback, useState } from "react"; - -type ProfileCurationViewMode = "masonry" | "list"; - -export function useProfileCurationViewMode() { - const [viewMode, setViewMode] = useState("masonry"); - - const toggleViewMode = useCallback(() => { - setViewMode(viewMode === "masonry" ? "list" : "masonry"); - }, [setViewMode, viewMode]); - - return { viewMode, setViewMode, toggleViewMode }; -}