mirror of
https://github.com/supabase/supabase.git
synced 2026-10-16 14:49:10 +03:00
Alaister YoungandKevin Grüneberg
70da0f1d1d
* chore: cleanup packages - Avoid circular imports - Export API-types as types - pg-format without depending on Node internal Buffer (not browser-compatible) - Avoid importing from barrel files in ui dir * chore: avoid barrel file imports in studio (#27771) * chore: avoid barrel file imports - Removes some unused imports - Avoids barrel file import for faster builds + less memory * add eslint rule * type fixes * delete layouts barrel * delete components/grid barrel file * delete components/grid/utils barrel file * delete components/grid/components/common barrel file * delete components/grid/components/editor barrel file * delete components/grid/components/formatter barrel file * delete components/grid/components/grid barrel file * delete components/grid/components/header/filter barrel file * remote components/grid/store barrel file * remove components/interfaces/Auth/Policies barrel file * delete components/interfaces/Settings/Logs barrel file * delete components/ui/CodeEditor barrel file * delete components/ui/Forms barrel file * delete components/ui/Shimmers barrel file * delete data/analytics barrel file * delete hooks barrel file * cleanup lib/common/fetch barrel file * final * barral files cleanup * global react-data-grid styles * remove console.log --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com> * fix build --------- Co-authored-by: Kevin Grüneberg <k.grueneberg1994@gmail.com>
57 lines
1.9 KiB
TypeScript
57 lines
1.9 KiB
TypeScript
import { LOGS_TAILWIND_CLASSES } from '../Logs.constants'
|
|
import type { PreviewLogData } from '../Logs.types'
|
|
import {
|
|
jsonSyntaxHighlight,
|
|
ResponseCodeFormatter,
|
|
SelectionDetailedRow,
|
|
SelectionDetailedTimestampRow,
|
|
SeverityFormatter,
|
|
} from '../LogsFormatters'
|
|
|
|
const AuthSelectionRenderer = ({ log }: { log: PreviewLogData }) => {
|
|
return (
|
|
<div className={`${LOGS_TAILWIND_CLASSES.log_selection_x_padding} space-y-6`}>
|
|
<div className="flex flex-col gap-3">
|
|
<h3 className="text-foreground-lighter text-sm">Event Message</h3>
|
|
<div className="text-xs text-wrap font-mono text-foreground whitespace-pre-wrap overflow-x-auto">
|
|
{log.metadata?.msg || log.event_message}
|
|
</div>
|
|
</div>
|
|
|
|
<SelectionDetailedTimestampRow value={log.timestamp} />
|
|
{log.metadata?.status && (
|
|
<SelectionDetailedRow
|
|
label="Status"
|
|
value={String(log.metadata?.status)}
|
|
valueRender={<ResponseCodeFormatter value={log.metadata?.status} />}
|
|
/>
|
|
)}
|
|
{log.metadata?.level && (
|
|
<SelectionDetailedRow
|
|
label="Severity"
|
|
value={log.metadata?.level}
|
|
valueRender={<SeverityFormatter value={log.metadata?.level} />}
|
|
/>
|
|
)}
|
|
{log.metadata?.path && (
|
|
<SelectionDetailedRow label="Request Path" value={log.metadata?.path} />
|
|
)}
|
|
{log.metadata?.error && (
|
|
<SelectionDetailedRow label="Error Message" value={log.metadata?.error} />
|
|
)}
|
|
|
|
<div className="flex flex-col gap-3">
|
|
<h3 className="text-foreground-lighter text-sm">Metadata</h3>
|
|
<pre
|
|
className=" className={`text-foreground text-sm col-span-8 overflow-x-auto text-xs font-mono`}"
|
|
dangerouslySetInnerHTML={{
|
|
__html: jsonSyntaxHighlight(log.metadata!),
|
|
}}
|
|
/>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default AuthSelectionRenderer
|