Files
supabase/apps/studio/components/interfaces/Reports/ReportPadding.tsx
T
58272034b1 Multiple assistant chats (#34011)
* add assistant chats

* refactoring

* refactor

* refactor to use onfinish

* fix ts

* dependencies removal

* Update useAssistant.ts

* ts

* refactor useAssistant hook to valtio store

* Minor tweaks

* Add name param to newChat, and add names to each call of newChat

---------

Co-authored-by: Alaister Young <a@alaisteryoung.com>
Co-authored-by: Joshen Lim <joshenlimek@gmail.com>
2025-03-28 16:36:41 +08:00

24 lines
569 B
TypeScript

import { PropsWithChildren } from 'react'
import { useAiAssistantStateSnapshot } from 'state/ai-assistant-state'
import { cn } from 'ui'
/**
* Standardized padding and width layout for non-custom reports
*/
const ReportPadding = ({ children }: PropsWithChildren<{}>) => {
const snap = useAiAssistantStateSnapshot()
return (
<div
className={cn(
'flex flex-col gap-4 px-5 py-6 mx-auto 1xl:px-28 lg:px-16 2xl:px-32 w-full',
snap.open ? 'xl:px-6' : 'xl:px-24'
)}
>
{children}
</div>
)
}
export default ReportPadding