| | |
| | | } from 'react' |
| | | |
| | | import { RiCloseLine } from '@remixicon/react' |
| | | import { useTranslation } from 'react-i18next' |
| | | import type { GlobalVariable } from '../../types' |
| | | import Item from './item' |
| | | import { useStore } from '@/app/components/workflow/store' |
| | |
| | | import cn from '@/utils/classnames' |
| | | |
| | | const Panel = () => { |
| | | const { t } = useTranslation() |
| | | const setShowPanel = useStore(s => s.setShowGlobalVariablePanel) |
| | | |
| | | const globalVariableList: GlobalVariable[] = [ |
| | |
| | | return ( |
| | | <div |
| | | className={cn( |
| | | 'relative flex h-full w-[420px] flex-col rounded-l-2xl border border-components-panel-border bg-components-panel-bg-alt', |
| | | 'relative flex flex-col w-[420px] bg-components-panel-bg-alt rounded-l-2xl h-full border border-components-panel-border', |
| | | )} |
| | | > |
| | | <div className='system-xl-semibold flex shrink-0 items-center justify-between p-4 pb-0 text-text-primary'> |
| | | <div className='shrink-0 flex items-center justify-between p-4 pb-0 text-text-primary system-xl-semibold'> |
| | | Global Variables(Current not show) |
| | | <div className='flex items-center'> |
| | | <div |
| | | className='flex h-6 w-6 cursor-pointer items-center justify-center' |
| | | className='flex items-center justify-center w-6 h-6 cursor-pointer' |
| | | onClick={() => setShowPanel(false)} |
| | | > |
| | | <RiCloseLine className='h-4 w-4 text-text-tertiary' /> |
| | | <RiCloseLine className='w-4 h-4 text-text-tertiary' /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div className='system-sm-regular shrink-0 px-4 py-1 text-text-tertiary'>...</div> |
| | | <div className='shrink-0 py-1 px-4 system-sm-regular text-text-tertiary'>...</div> |
| | | |
| | | <div className='grow overflow-y-auto rounded-b-2xl px-4'> |
| | | <div className='grow px-4 rounded-b-2xl overflow-y-auto'> |
| | | {globalVariableList.map(item => ( |
| | | <Item |
| | | key={item.name} |