mirror of
https://github.com/langgenius/webapp-conversation.git
synced 2025-12-08 17:32:27 +08:00
- Replace .eslintrc.json with eslint.config.mjs - Simplify configuration using @antfu/eslint-config - Add necessary ESLint plugin dependencies - Disable overly strict style rules - Set package.json type to module for ESM support - Fix ESLint disable comment format 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
26 lines
672 B
TypeScript
26 lines
672 B
TypeScript
'use client'
|
|
import type { FC } from 'react'
|
|
import React, { useCallback } from 'react'
|
|
import Expand04 from '@/app/components/base/icons/solid/expand-04'
|
|
import Collapse04 from '@/app/components/base/icons/line/arrows/collapse-04'
|
|
|
|
interface Props {
|
|
isExpand: boolean
|
|
onExpandChange: (isExpand: boolean) => void
|
|
}
|
|
|
|
const ExpandBtn: FC<Props> = ({
|
|
isExpand,
|
|
onExpandChange,
|
|
}) => {
|
|
const handleToggle = useCallback(() => {
|
|
onExpandChange(!isExpand)
|
|
}, [isExpand])
|
|
|
|
const Icon = isExpand ? Collapse04 : Expand04
|
|
return (
|
|
<Icon className='w-3.5 h-3.5 text-gray-500 cursor-pointer' onClick={handleToggle} />
|
|
)
|
|
}
|
|
export default React.memo(ExpandBtn)
|