diff --git a/apps/web/src/components/Mod/FeedType.tsx b/apps/web/src/components/Mod/FeedType.tsx index 68ff57e0ba25..2fc4a5c3d430 100644 --- a/apps/web/src/components/Mod/FeedType.tsx +++ b/apps/web/src/components/Mod/FeedType.tsx @@ -1,6 +1,6 @@ import type { Dispatch, FC, SetStateAction } from 'react'; -import { ClockIcon, FlagIcon } from '@heroicons/react/24/outline'; +import { ClockIcon, FlagIcon, UsersIcon } from '@heroicons/react/24/outline'; import { ModFeedType } from '@hey/data/enums'; import { TabButton } from '@hey/ui'; @@ -16,17 +16,19 @@ const FeedType: FC = ({ feedType, setFeedType }) => { active={feedType === ModFeedType.LATEST} icon={} name="Latest" - onClick={() => { - setFeedType(ModFeedType.LATEST); - }} + onClick={() => setFeedType(ModFeedType.LATEST)} /> } name="Reports" - onClick={() => { - setFeedType(ModFeedType.REPORTS); - }} + onClick={() => setFeedType(ModFeedType.REPORTS)} + /> + } + name="Profiles" + onClick={() => setFeedType(ModFeedType.PROFILES)} /> ); diff --git a/apps/web/src/components/Mod/index.tsx b/apps/web/src/components/Mod/index.tsx index 2034c2525de7..fd67d11c43f7 100644 --- a/apps/web/src/components/Mod/index.tsx +++ b/apps/web/src/components/Mod/index.tsx @@ -2,6 +2,7 @@ import type { NextPage } from 'next'; import MetaTags from '@components/Common/MetaTags'; import Footer from '@components/Shared/Footer'; +import List from '@components/Staff/Users/List'; import { apps as knownApps } from '@hey/data/apps'; import { APP_NAME } from '@hey/data/constants'; import { ModFeedType } from '@hey/data/enums'; @@ -104,6 +105,7 @@ const Mod: NextPage = () => { /> )} {feedType === ModFeedType.REPORTS && } + {feedType === ModFeedType.PROFILES && } @@ -255,6 +257,7 @@ const Mod: NextPage = () => { {feedType === ModFeedType.REPORTS && (
Take action on reports
)} + {feedType === ModFeedType.PROFILES &&
All the profiles
}