centralcloud/ntfy-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Avoid formatting missing account token access times

Browse source
This commit is contained in:
ShipItAndPray 2026-04-09 14:22:38 -05:00
parent 4b0a4eee3b
commit 5d93cb400a
1 changed files with 85 additions and 78 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

163
web/src/components/Account.jsx
View file

@ -1056,87 +1056,94 @@ const TokensTable = (props) => {
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{tokens.map((token) => ( {tokens.map((token) => {
<TableRow key={token.token} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}> const hasLastAccess = Number.isFinite(token.last_access) && token.last_access > 0;
<TableCell const hasLastOrigin = !!token.last_origin;
component="th"
scope="row" return (
sx={{ paddingLeft: 0, whiteSpace: "nowrap" }} <TableRow key={token.token} sx={{ "&:last-child td, &:last-child th": { border: 0 } }}>
aria-label={t("account_tokens_table_token_header")} <TableCell
> component="th"
<span> scope="row"
<span style={{ fontFamily: "Monospace", fontSize: "0.9rem" }}>{token.token.slice(0, 12)}</span> sx={{ paddingLeft: 0, whiteSpace: "nowrap" }}
... aria-label={t("account_tokens_table_token_header")}
<Tooltip title={t("common_copy_to_clipboard")} placement="right"> >
<IconButton onClick={() => handleCopy(token.token)}> <span>
<ContentCopy /> <span style={{ fontFamily: "Monospace", fontSize: "0.9rem" }}>{token.token.slice(0, 12)}</span>
</IconButton> ...
</Tooltip> <Tooltip title={t("common_copy_to_clipboard")} placement="right">
</span> <IconButton onClick={() => handleCopy(token.token)}>
</TableCell> <ContentCopy />
<TableCell aria-label={t("account_tokens_table_label_header")}>
{token.token === session.token() && <em>{t("account_tokens_table_current_session")}</em>}
{token.token !== session.token() && (token.label || "-")}
</TableCell>
<TableCell sx={{ whiteSpace: "nowrap" }} aria-label={t("account_tokens_table_expires_header")}>
{token.expires ? formatShortDateTime(token.expires, i18n.language) : <em>{t("account_tokens_table_never_expires")}</em>}
</TableCell>
<TableCell sx={{ whiteSpace: "nowrap" }} aria-label={t("account_tokens_table_last_access_header")}>
<div style={{ display: "flex", alignItems: "center" }}>
<span>{formatShortDateTime(token.last_access, i18n.language)}</span>
<Tooltip
title={t("account_tokens_table_last_origin_tooltip", {
ip: token.last_origin,
})}
>
<IconButton onClick={() => openUrl(`https://whatismyipaddress.com/ip/${token.last_origin}`)}>
<Public />
</IconButton>
</Tooltip>
</div>
</TableCell>
<TableCell align="right" sx={{ whiteSpace: "nowrap" }}>
{token.token !== session.token() && !token.provisioned && (
<>
<Tooltip title={t("account_tokens_dialog_title_edit")}>
<IconButton onClick={() => handleEditClick(token)} aria-label={t("account_tokens_dialog_title_edit")}>
<EditIcon />
</IconButton> </IconButton>
</Tooltip> </Tooltip>
<Tooltip title={t("account_tokens_dialog_title_delete")}> </span>
<IconButton onClick={() => handleDeleteClick(token)} aria-label={t("account_tokens_dialog_title_delete")}> </TableCell>
<CloseIcon /> <TableCell aria-label={t("account_tokens_table_label_header")}>
</IconButton> {token.token === session.token() && <em>{t("account_tokens_table_current_session")}</em>}
{token.token !== session.token() && (token.label || "-")}
</TableCell>
<TableCell sx={{ whiteSpace: "nowrap" }} aria-label={t("account_tokens_table_expires_header")}>
{token.expires ? formatShortDateTime(token.expires, i18n.language) : <em>{t("account_tokens_table_never_expires")}</em>}
</TableCell>
<TableCell sx={{ whiteSpace: "nowrap" }} aria-label={t("account_tokens_table_last_access_header")}>
<div style={{ display: "flex", alignItems: "center" }}>
{hasLastAccess ? <span>{formatShortDateTime(token.last_access, i18n.language)}</span> : <em>-</em>}
{hasLastOrigin && (
<Tooltip
title={t("account_tokens_table_last_origin_tooltip", {
ip: token.last_origin,
})}
>
<IconButton onClick={() => openUrl(`https://whatismyipaddress.com/ip/${token.last_origin}`)}>
<Public />
</IconButton>
</Tooltip>
)}
</div>
</TableCell>
<TableCell align="right" sx={{ whiteSpace: "nowrap" }}>
{token.token !== session.token() && !token.provisioned && (
<>
<Tooltip title={t("account_tokens_dialog_title_edit")}>
<IconButton onClick={() => handleEditClick(token)} aria-label={t("account_tokens_dialog_title_edit")}>
<EditIcon />
</IconButton>
</Tooltip>
<Tooltip title={t("account_tokens_dialog_title_delete")}>
<IconButton onClick={() => handleDeleteClick(token)} aria-label={t("account_tokens_dialog_title_delete")}>
<CloseIcon />
</IconButton>
</Tooltip>
</>
)}
{token.token === session.token() && (
<Tooltip title={t("account_tokens_table_cannot_delete_or_edit")}>
<span>
<IconButton disabled>
<EditIcon />
</IconButton>
<IconButton disabled>
<CloseIcon />
</IconButton>
</span>
</Tooltip> </Tooltip>
</> )}
)} {token.provisioned && (
{token.token === session.token() && ( <Tooltip title={t("account_tokens_table_cannot_delete_or_edit_provisioned_token")}>
<Tooltip title={t("account_tokens_table_cannot_delete_or_edit")}> <span>
<span> <IconButton disabled>
<IconButton disabled> <EditIcon />
<EditIcon /> </IconButton>
</IconButton> <IconButton disabled>
<IconButton disabled> <CloseIcon />
<CloseIcon /> </IconButton>
</IconButton> </span>
</span> </Tooltip>
</Tooltip> )}
)} </TableCell>
{token.provisioned && ( </TableRow>
<Tooltip title={t("account_tokens_table_cannot_delete_or_edit_provisioned_token")}> );
<span> })}
<IconButton disabled>
<EditIcon />
</IconButton>
<IconButton disabled>
<CloseIcon />
</IconButton>
</span>
</Tooltip>
)}
</TableCell>
</TableRow>
))}
</TableBody> </TableBody>
<Portal> <Portal>
<Snackbar <Snackbar