vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: show api key created on

Browse Source
This commit is contained in:
amhsirak
2025-12-30 00:34:10 +05:30
parent afd4a63249
commit 495d440ce6
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/api/ApiKey.tsx
View File

@@ -34,6 +34,7 @@ const ApiKeyManager = () => {
const { t } = useTranslation(); const { t } = useTranslation();
const [apiKey, setApiKey] = useState<string | null>(null); const [apiKey, setApiKey] = useState<string | null>(null);
const [apiKeyName, setApiKeyName] = useState<string>(t('apikey.default_name')); const [apiKeyName, setApiKeyName] = useState<string>(t('apikey.default_name'));
const [apiKeyCreatedAt, setApiKeyCreatedAt] = useState<string | null>(null);
const [loading, setLoading] = useState<boolean>(true); const [loading, setLoading] = useState<boolean>(true);
const [showKey, setShowKey] = useState<boolean>(false); const [showKey, setShowKey] = useState<boolean>(false);
const [copySuccess, setCopySuccess] = useState<boolean>(false); const [copySuccess, setCopySuccess] = useState<boolean>(false);
@@ -44,6 +45,7 @@ const ApiKeyManager = () => {
try { try {
const { data } = await axios.get(`${apiUrl}/auth/api-key`); const { data } = await axios.get(`${apiUrl}/auth/api-key`);
setApiKey(data.api_key); setApiKey(data.api_key);
setApiKeyCreatedAt(data.api_key_created_at);
} catch (error: any) { } catch (error: any) {
notify('error', t('apikey.notifications.fetch_error', { error: error.message })); notify('error', t('apikey.notifications.fetch_error', { error: error.message }));
} finally { } finally {
@@ -60,7 +62,7 @@ const ApiKeyManager = () => {
try { try {
const { data } = await axios.post(`${apiUrl}/auth/generate-api-key`); const { data } = await axios.post(`${apiUrl}/auth/generate-api-key`);
setApiKey(data.api_key); setApiKey(data.api_key);
setApiKeyCreatedAt(data.api_key_created_at);
notify('success', t('apikey.notifications.generate_success')); notify('success', t('apikey.notifications.generate_success'));
} catch (error: any) { } catch (error: any) {
notify('error', t('apikey.notifications.generate_error', { error: error.message })); notify('error', t('apikey.notifications.generate_error', { error: error.message }));
@@ -74,6 +76,7 @@ const ApiKeyManager = () => {
try { try {
await axios.delete(`${apiUrl}/auth/delete-api-key`); await axios.delete(`${apiUrl}/auth/delete-api-key`);
setApiKey(null); setApiKey(null);
setApiKeyCreatedAt(null);
notify('success', t('apikey.notifications.delete_success')); notify('success', t('apikey.notifications.delete_success'));
} catch (error: any) { } catch (error: any) {
notify('error', t('apikey.notifications.delete_error', { error: error.message })); notify('error', t('apikey.notifications.delete_error', { error: error.message }));
@@ -133,6 +136,7 @@ const ApiKeyManager = () => {
<TableRow> <TableRow>
<TableCell>{t('apikey.table.name')}</TableCell> <TableCell>{t('apikey.table.name')}</TableCell>
<TableCell>{t('apikey.table.key')}</TableCell> <TableCell>{t('apikey.table.key')}</TableCell>
<TableCell>Created On</TableCell>
<TableCell>{t('apikey.table.actions')}</TableCell> <TableCell>{t('apikey.table.actions')}</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
@@ -144,6 +148,15 @@ const ApiKeyManager = () => {
{showKey ? `${apiKey?.substring(0, 10)}...` : '**********'} {showKey ? `${apiKey?.substring(0, 10)}...` : '**********'}
</Box> </Box>
</TableCell> </TableCell>
{apiKeyCreatedAt && (
<TableCell>
{new Date(apiKeyCreatedAt).toLocaleDateString('en-US', {
month: 'short',
day: 'numeric',
year: 'numeric',
})}
</TableCell>
)}
<TableCell> <TableCell>
<Tooltip title={t('apikey.actions.copy')}> <Tooltip title={t('apikey.actions.copy')}>
<IconButton onClick={copyToClipboard}> <IconButton onClick={copyToClipboard}>