diff --git a/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx b/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx index 2251a6fe1f5..7c4ad9c1f42 100644 --- a/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx +++ b/studio/components/interfaces/Settings/Logs/LogsQueryPanel.tsx @@ -1,8 +1,9 @@ import { Button, Dropdown, Typography, IconChevronDown, IconPlay } from '@supabase/ui' -import { LogTemplate } from '.' +import { LogsTableName, LogTemplate } from '.' interface Props { templates?: LogTemplate[] onSelectTemplate: (template: LogTemplate) => void + onSelectSource: (source: LogsTableName) => void onRun: () => void onClear: () => void onSave?: () => void @@ -16,6 +17,7 @@ const LogsQueryPanel: React.FC = ({ onRun, onClear, onSave, + onSelectSource, }) => (
( - onSelectTemplate(template)}> - {template.label} + overlay={Object.values(LogsTableName).map((source) => ( + onSelectSource(source)}> + {source} ))} > diff --git a/studio/pages/project/[ref]/logs-explorer/query.tsx b/studio/pages/project/[ref]/logs-explorer/query.tsx index 39111407656..2b4c8a9880a 100644 --- a/studio/pages/project/[ref]/logs-explorer/query.tsx +++ b/studio/pages/project/[ref]/logs-explorer/query.tsx @@ -5,10 +5,16 @@ import { observer } from 'mobx-react-lite' import { Typography, IconAlertCircle, Card, Input } from '@supabase/ui' import { withAuth } from 'hooks' import CodeEditor from 'components/ui/CodeEditor' -import { LogsQueryPanel, LogTable, LogTemplate, TEMPLATES } from 'components/interfaces/Settings/Logs' +import { + LogsQueryPanel, + LogsTableName, + LogTable, + LogTemplate, + TEMPLATES, +} from 'components/interfaces/Settings/Logs' import { uuidv4 } from 'lib/helpers' import useLogsQuery from 'hooks/analytics/useLogsQuery' -import {LogsExplorerLayout} from 'components/layouts' +import { LogsExplorerLayout } from 'components/layouts' import ShimmerLine from 'components/ui/ShimmerLine' import LoadingOpacity from 'components/ui/LoadingOpacity' @@ -52,11 +58,18 @@ export const LogsExplorerPage: NextPage = () => { setEditorId(uuidv4()) changeQuery('') } + + const handleInsertSource = (source: LogsTableName) => { + setEditorValue((prev) => prev + source) + setEditorId(uuidv4()) + } + return (