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 ( -