mirror of
https://github.com/supabase/supabase.git
synced 2026-10-15 14:19:11 +03:00
* Add lucide-react to docs (to make the autocomplete work). * Migrate the docs app icons. * Migrate the ui-patterns. * Remove the old icons from ui package. * Migrate the www app from react-feather icons. * Migrate all of studio icons. * Migrate the only component in design-system. * Fix an old import in ui package. Revert an import in docs app. * Fix some pages in www. * Remove unneeded files used in generation of icons. * Fix a prettier error. * Fix more issues in www. * Fix an issue in Log Date picker. * Replace all string sizes with number sizes because the icons grew in some cases. * Fix more imports in security page. * Fix an extra import. * Remove the size prop from all icons if they're in a button and they match the button size. * Minor fixes for docs and www. --------- Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
39 lines
1.0 KiB
TypeScript
39 lines
1.0 KiB
TypeScript
import Table from 'components/to-be-cleaned/Table'
|
|
import { useRouter } from 'next/router'
|
|
import type { LogSqlSnippets } from 'types'
|
|
import { Button } from 'ui'
|
|
import SqlSnippetCode from './Logs.SqlSnippetCode'
|
|
import { Play } from 'lucide-react'
|
|
|
|
interface Props {
|
|
item: LogSqlSnippets.Content
|
|
}
|
|
|
|
const RecentQueriesItem: React.FC<Props> = ({ item }) => {
|
|
const router = useRouter()
|
|
const { ref } = router.query
|
|
|
|
return (
|
|
<Table.tr key={item.sql}>
|
|
<Table.td
|
|
className={`expanded-row-content border-l border-r bg-alternative !px-3 !pt-0 !pb-0 transition-all`}
|
|
>
|
|
<SqlSnippetCode>{item.sql}</SqlSnippetCode>
|
|
</Table.td>
|
|
<Table.td className="text-right">
|
|
<Button
|
|
type="alternative"
|
|
iconRight={<Play size={10} />}
|
|
onClick={() =>
|
|
router.push(`/project/${ref}/logs/explorer?q=${encodeURIComponent(item.sql)}`)
|
|
}
|
|
>
|
|
Run
|
|
</Button>
|
|
</Table.td>
|
|
</Table.tr>
|
|
)
|
|
}
|
|
|
|
export default RecentQueriesItem
|