mirror of
https://github.com/supabase/supabase.git
synced 2026-07-05 12:14:27 +08:00
d1ab275bea
* Add validation for max replicas check * Small UI fixes * Add useMemo for edges * Fix nodes not shwoing up when switching between map and flow view * Fix logs explorer copy button * Add edge changes to useEffect * Bump wait duration when creating replica * Sync database selector and use pooler checkbox states across panels on settings database * Fix InstanceConfiguration not showing any nodes * Sort databases in DatabaseSelector to have primary first * Logs explorer border fotter * Add database selector for edge logs * Make buttons more concise in logs * Clean up * Fix * Fix home page empty empty state * Attempt to support pooler logs * minor qol fix for database selector * Update shared-data pgbouncer to supavisor * small fix
84 lines
2.0 KiB
TypeScript
84 lines
2.0 KiB
TypeScript
import React, { PropsWithChildren, useMemo, useRef } from 'react'
|
|
import { CSVLink } from 'react-csv'
|
|
import {
|
|
Button,
|
|
IconDownload,
|
|
TooltipContent_Shadcn_,
|
|
TooltipTrigger_Shadcn_,
|
|
Tooltip_Shadcn_,
|
|
} from 'ui'
|
|
import { ButtonProps } from 'ui/src/components/Button/Button'
|
|
|
|
interface CSVButtonProps {
|
|
buttonType?: ButtonProps['type']
|
|
onClick?: ButtonProps['onClick']
|
|
disabled?: ButtonProps['disabled']
|
|
icon?: React.ReactNode
|
|
data?: unknown[]
|
|
title?: string
|
|
}
|
|
|
|
const CSVButton = ({
|
|
onClick,
|
|
buttonType = 'default',
|
|
icon,
|
|
children,
|
|
disabled,
|
|
data,
|
|
title,
|
|
}: PropsWithChildren<CSVButtonProps>) => {
|
|
const csvRef = useRef(null)
|
|
const handleDownload = () => {
|
|
;(csvRef.current as any)?.link.click()
|
|
}
|
|
const formattedData = useMemo(() => {
|
|
const first = data?.[0]
|
|
if (!first || !data) return
|
|
const keys = Object.keys(first as any)
|
|
return data.map((datum: any) => {
|
|
return keys.reduce((acc: any, key) => {
|
|
if (typeof datum[key] === 'object') {
|
|
acc[key] = JSON.stringify(datum[key]) as string
|
|
} else {
|
|
acc[key] = String(datum[key])
|
|
}
|
|
return acc
|
|
}, {})
|
|
})
|
|
// retrieve dot notation of all keys
|
|
}, [JSON.stringify(data)])
|
|
|
|
return (
|
|
<>
|
|
<CSVLink
|
|
ref={csvRef}
|
|
className="hidden"
|
|
data={formattedData || ([] as any)}
|
|
filename={`supabase_logs.csv`}
|
|
title={title}
|
|
/>
|
|
<Tooltip_Shadcn_ delayDuration={100}>
|
|
<TooltipTrigger_Shadcn_ asChild>
|
|
<Button
|
|
type={buttonType}
|
|
icon={icon || <IconDownload />}
|
|
disabled={disabled}
|
|
className="px-1.5"
|
|
onClick={(e) => {
|
|
if (onClick) onClick(e)
|
|
handleDownload()
|
|
}}
|
|
>
|
|
{children}
|
|
</Button>
|
|
</TooltipTrigger_Shadcn_>
|
|
<TooltipContent_Shadcn_ side="bottom" className="text-xs">
|
|
Download logs as CSV
|
|
</TooltipContent_Shadcn_>
|
|
</Tooltip_Shadcn_>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default CSVButton
|