pl-fe: remove unused components
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
@ -17,7 +17,6 @@ import GroupAvatar from '../group-avatar';
|
||||
|
||||
import type { Group } from 'pl-api';
|
||||
|
||||
|
||||
interface IGroupPopoverContainer {
|
||||
children: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
||||
isEnabled: boolean;
|
||||
|
||||
@ -1,41 +0,0 @@
|
||||
import { useLocation } from '@tanstack/react-router';
|
||||
import React from 'react';
|
||||
import { useIntl, defineMessages } from 'react-intl';
|
||||
|
||||
import Tabs, { type Item } from 'pl-fe/components/ui/tabs';
|
||||
import { usePendingUsersCount } from 'pl-fe/queries/admin/use-accounts';
|
||||
import { usePendingReportsCount } from 'pl-fe/queries/admin/use-reports';
|
||||
|
||||
const messages = defineMessages({
|
||||
dashboard: { id: 'admin_nav.dashboard', defaultMessage: 'Dashboard' },
|
||||
reports: { id: 'admin_nav.reports', defaultMessage: 'Reports' },
|
||||
waitlist: { id: 'admin_nav.awaiting_approval', defaultMessage: 'Waitlist' },
|
||||
});
|
||||
|
||||
const AdminTabs: React.FC = () => {
|
||||
const intl = useIntl();
|
||||
const location = useLocation();
|
||||
|
||||
const { data: awaitingApprovalCount } = usePendingUsersCount();
|
||||
const { data: pendingReportsCount = 0 } = usePendingReportsCount();
|
||||
|
||||
const tabs: Array<Item> = [{
|
||||
name: '/pl-fe/admin',
|
||||
text: intl.formatMessage(messages.dashboard),
|
||||
to: '/pl-fe/admin',
|
||||
}, {
|
||||
name: '/pl-fe/admin/reports',
|
||||
text: intl.formatMessage(messages.reports),
|
||||
to: '/pl-fe/admin/reports',
|
||||
count: pendingReportsCount,
|
||||
}, {
|
||||
name: '/pl-fe/admin/approval',
|
||||
text: intl.formatMessage(messages.waitlist),
|
||||
to: '/pl-fe/admin/approval',
|
||||
count: awaitingApprovalCount,
|
||||
}];
|
||||
|
||||
return <Tabs items={tabs} activeItem={location.pathname} />;
|
||||
};
|
||||
|
||||
export { AdminTabs as default };
|
||||
@ -150,7 +150,6 @@ import {
|
||||
|
||||
import type { Features } from 'pl-api';
|
||||
|
||||
|
||||
interface RouterContext {
|
||||
instance: ReturnType<typeof useInstance>;
|
||||
features: ReturnType<typeof useFeatures>;
|
||||
|
||||
@ -1,35 +0,0 @@
|
||||
import React from 'react';
|
||||
import { defineMessages, useIntl } from 'react-intl';
|
||||
import { Switch, Route } from 'react-router-dom';
|
||||
|
||||
import Column from 'pl-fe/components/ui/column';
|
||||
import AdminTabs from 'pl-fe/features/admin/components/admin-tabs';
|
||||
import Waitlist from 'pl-fe/features/admin/tabs/awaiting-approval';
|
||||
import Dashboard from 'pl-fe/features/admin/tabs/dashboard';
|
||||
import Reports from 'pl-fe/features/admin/tabs/reports';
|
||||
import { useOwnAccount } from 'pl-fe/hooks/use-own-account';
|
||||
|
||||
const messages = defineMessages({
|
||||
heading: { id: 'column.admin.dashboard', defaultMessage: 'Dashboard' },
|
||||
});
|
||||
|
||||
const DashboardPage: React.FC = () => {
|
||||
const intl = useIntl();
|
||||
const { account } = useOwnAccount();
|
||||
|
||||
if (!account) return null;
|
||||
|
||||
return (
|
||||
<Column label={intl.formatMessage(messages.heading)} withHeader={false}>
|
||||
<AdminTabs />
|
||||
|
||||
<Switch>
|
||||
<Route path='/pl-fe/admin' exact component={Dashboard} />
|
||||
<Route path='/pl-fe/admin/reports' exact component={Reports} />
|
||||
<Route path='/pl-fe/admin/approval' exact component={Waitlist} />
|
||||
</Switch>
|
||||
</Column>
|
||||
);
|
||||
};
|
||||
|
||||
export { DashboardPage as default };
|
||||
Reference in New Issue
Block a user