From 9eadbb568bfbacd77f34ef05421e44c5d2233442 Mon Sep 17 00:00:00 2001 From: hamid zarghami Date: Sat, 22 Nov 2025 15:17:38 +0330 Subject: [PATCH] add component color picker --- src/assets/images/color.png | Bin 0 -> 24527 bytes src/components/ColorPicker.tsx | 102 +++++++++++++++++++++++++ src/pages/settings/GeneralSettings.tsx | 25 ++++++ src/pages/settings/Setting.tsx | 7 ++ 4 files changed, 134 insertions(+) create mode 100644 src/assets/images/color.png create mode 100644 src/components/ColorPicker.tsx create mode 100644 src/pages/settings/GeneralSettings.tsx diff --git a/src/assets/images/color.png b/src/assets/images/color.png new file mode 100644 index 0000000000000000000000000000000000000000..f6bc357682a5be32f2a3babd44ff208fcb8423d1 GIT binary patch literal 24527 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 KTYAGT`2PSgLS(Q2 literal 0 HcmV?d00001 diff --git a/src/components/ColorPicker.tsx b/src/components/ColorPicker.tsx new file mode 100644 index 0000000..18def66 --- /dev/null +++ b/src/components/ColorPicker.tsx @@ -0,0 +1,102 @@ +import { type FC, type InputHTMLAttributes, useState, useRef, useEffect } from 'react' +import { clx } from '../helpers/utils' +import Error from './Error' +import ColorfilterIcon from '@/assets/images/color.png' + +type Props = { + label?: string + className?: string + error_text?: string + isNotRequired?: boolean + value?: string + onChange?: (value: string) => void +} & Omit, 'onChange' | 'value'> + +const ColorPicker: FC = (props: Props) => { + const [color, setColor] = useState(props.value || '#000000') + const colorInputRef = useRef(null) + + const inputClass = clx( + 'w-full bg-white h-10 text-black block pl-10 pr-10 text-xs rounded-xl border border-border', + props.readOnly && 'bg-gray-100 border-0 text-description', + props.className + ) + + const handleColorChange = (event: React.ChangeEvent) => { + const newColor = event.target.value + setColor(newColor) + props.onChange?.(newColor) + } + + const handleTextChange = (event: React.ChangeEvent) => { + const value = event.target.value + if (/^#[0-9A-Fa-f]{0,6}$/.test(value) || value === '') { + const finalColor = value || '#000000' + setColor(finalColor) + props.onChange?.(finalColor) + } + } + + const handleColorIconClick = () => { + if (!props.readOnly) { + colorInputRef.current?.click() + } + } + + useEffect(() => { + if (props.value !== undefined) { + setColor(props.value) + } + }, [props.value]) + + return ( +
+ + +
+ + + + +
+ + + + {props.error_text && ( + + )} +
+
+ ) +} + +export default ColorPicker + diff --git a/src/pages/settings/GeneralSettings.tsx b/src/pages/settings/GeneralSettings.tsx new file mode 100644 index 0000000..2e0cfd0 --- /dev/null +++ b/src/pages/settings/GeneralSettings.tsx @@ -0,0 +1,25 @@ +import ColorPicker from '@/components/ColorPicker' +import Input from '@/components/Input' +import { type FC } from 'react' + +const GeneralSettings: FC = () => { + return ( +
+
+ تنظیمات عمومی +
+ +
+ + + +
+
+ ) +} + +export default GeneralSettings \ No newline at end of file diff --git a/src/pages/settings/Setting.tsx b/src/pages/settings/Setting.tsx index f07226c..503b92c 100644 --- a/src/pages/settings/Setting.tsx +++ b/src/pages/settings/Setting.tsx @@ -2,6 +2,7 @@ import Tabs from '@/components/Tabs' import { Card, KeySquare, Setting4, TruckFast } from 'iconsax-react' import { useState, type FC } from 'react' import { SettingTabEnum } from './enum/Enum' +import GeneralSettings from './GeneralSettings' const Setting: FC = () => { @@ -39,6 +40,12 @@ const Setting: FC = () => { active={activeTab} />
+ +
+ { + activeTab === SettingTabEnum.GENERAL && + } +
) }