vat_wms/resources/js/Pages/API/Index.tsx
2025-05-13 12:32:55 +02:00

38 lines
925 B
TypeScript

import React from 'react';
import APITokenManager from '@/Pages/API/Partials/APITokenManager';
import AppLayout from '@/Layouts/AppLayout';
import { ApiToken } from '@/types';
interface Props {
tokens: ApiToken[];
availablePermissions: string[];
defaultPermissions: string[];
}
export default function ApiTokenIndex({
tokens,
availablePermissions,
defaultPermissions,
}: Props) {
return (
<AppLayout
title={'API Tokens'}
renderHeader={() => (
<h2 className="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight">
API Tokens
</h2>
)}
>
<div>
<div className="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
<APITokenManager
tokens={tokens}
availablePermissions={availablePermissions}
defaultPermissions={defaultPermissions}
/>
</div>
</div>
</AppLayout>
);
}