mirror of
https://github.com/Sonny93/my-links.git
synced 2025-12-08 14:43:24 +00:00
31 lines
830 B
TypeScript
31 lines
830 B
TypeScript
import { useTranslation } from 'react-i18next';
|
|
import { ApiTokens } from '~/components/common/api_tokens/api_tokens';
|
|
import {
|
|
FloatingTab,
|
|
FloatingTabs,
|
|
} from '~/components/common/floating_tabs/floating_tabs';
|
|
import { UserPreferences } from '~/components/common/user_preferences/user_preferences';
|
|
import SmallContentLayout from '~/layouts/small_content';
|
|
|
|
function UserSettingsShow() {
|
|
const { t } = useTranslation();
|
|
const tabs: FloatingTab[] = [
|
|
{
|
|
label: t('preferences'),
|
|
value: 'preferences',
|
|
content: <UserPreferences />,
|
|
},
|
|
{
|
|
label: t('api-tokens.title'),
|
|
value: 'api-tokens',
|
|
content: <ApiTokens />,
|
|
},
|
|
];
|
|
return <FloatingTabs tabs={tabs} />;
|
|
}
|
|
|
|
UserSettingsShow.layout = (page: React.ReactNode) => (
|
|
<SmallContentLayout>{page}</SmallContentLayout>
|
|
);
|
|
export default UserSettingsShow;
|