{/* هدر انتخاب زبان و نمایش دایرکشن */}
diff --git a/src/components/shared/ServiceTranslation/types.ts b/src/components/shared/ServiceTranslation/types.ts
index 3b24eb7..5926d26 100644
--- a/src/components/shared/ServiceTranslation/types.ts
+++ b/src/components/shared/ServiceTranslation/types.ts
@@ -69,6 +69,6 @@ export interface ServiceTranslationProps {
showGlobeIcon?: boolean
required?: boolean
className?: string
- variant?: 'grid' | 'pills'
+ variant?: 'grid' | 'pills' | 'inline'
children?: React.ReactNode
}
diff --git a/src/components/shared/TourFeatureIconPicker.tsx b/src/components/shared/TourFeatureIconPicker.tsx
new file mode 100644
index 0000000..9643d5a
--- /dev/null
+++ b/src/components/shared/TourFeatureIconPicker.tsx
@@ -0,0 +1,247 @@
+import React, { useState, useMemo } from 'react'
+import { Popover, PopoverTrigger, PopoverContent } from '@/components/ui/popover'
+import { Input } from '@/components/ui/input'
+import { Ic, type IconName } from '@/icons'
+import { cn } from '@/lib/utils'
+
+export interface FeatureIconDef {
+ name: IconName
+ labelFa: string
+ category: 'stay' | 'transport' | 'food' | 'ziyarat' | 'staff' | 'finance' | 'gear' | 'leisure'
+ keywords: string[]
+}
+
+export const TOUR_FEATURE_ICONS: FeatureIconDef[] = [
+ // ۱. اقامت و هتل
+ { name: 'hotel', labelFa: 'هتل و اقامتگاه', category: 'stay', keywords: ['هتل', 'hotel', 'اقامت', 'residence'] },
+ { name: 'hotelStar', labelFa: 'هتل ۵ ستاره', category: 'stay', keywords: ['ستاره', '5star', 'ممتاز', 'لوکس'] },
+ { name: 'bed', labelFa: 'تخت‌خواب / اتاق', category: 'stay', keywords: ['تخت', 'bed', 'اتاق', 'room'] },
+ { name: 'twinBed', labelFa: 'اتاق دوتخته', category: 'stay', keywords: ['دوتخته', 'twin', 'سوئیت'] },
+ { name: 'roomKey', labelFa: 'کلید سوئیت', category: 'stay', keywords: ['کلید', 'key', 'سوئیت', 'تحویل'] },
+ { name: 'roomService', labelFa: 'خدمات اتاق و پذیرش', category: 'stay', keywords: ['خدمات', 'room service', 'بل بوی', 'پذیرش'] },
+ { name: 'airCondition', labelFa: 'تهویه و سرمایش/گرمایش', category: 'stay', keywords: ['کولر', 'اسپلیت', 'تهویه', 'air condition'] },
+ { name: 'view', labelFa: 'ویو و چشم‌انداز حرم', category: 'stay', keywords: ['ویو', 'دید', 'چشم انداز', 'حرم'] },
+ { name: 'safeBox', labelFa: 'صندوق امانات اتاق', category: 'stay', keywords: ['گاوصندوق', 'صندوق', 'safe'] },
+ { name: 'building', labelFa: 'برج و ساختمان هتل', category: 'stay', keywords: ['ساختمان', 'برج', 'هتل'] },
+
+ // ۲. حمل‌ونقل و ترانسفر
+ { name: 'busVip', labelFa: 'اتوبوس VIP توریستی', category: 'transport', keywords: ['اتوبوس', 'bus', 'vip', 'ترانسفر'] },
+ { name: 'bus', labelFa: 'اتوبوس استاندارد', category: 'transport', keywords: ['اتوبوس', 'سفر زمینی', 'bus'] },
+ { name: 'van', labelFa: 'ون تشریفاتی', category: 'transport', keywords: ['ون', 'van', 'مینی بوس'] },
+ { name: 'airplane', labelFa: 'پرواز و هواپیما', category: 'transport', keywords: ['پرواز', 'هواپیما', 'plane', 'flight'] },
+ { name: 'plane', labelFa: 'بلیط پرواز', category: 'transport', keywords: ['هواپیما', 'پرواز'] },
+ { name: 'airportShuttle', labelFa: 'ترانسفر فرودگاهی', category: 'transport', keywords: ['فرودگاه', 'ترانسفر', 'shuttle'] },
+ { name: 'train', labelFa: 'قطار بین‌شهری', category: 'transport', keywords: ['قطار', 'train', 'راه آهن'] },
+ { name: 'taxi', labelFa: 'تاکسی دربستی', category: 'transport', keywords: ['تاکسی', 'taxi', 'خودرو'] },
+ { name: 'car', labelFa: 'ماشین اختصاصی', category: 'transport', keywords: ['خودرو', 'ماشین', 'car'] },
+ { name: 'ship', labelFa: 'ترانسفر دریایی / کشتی', category: 'transport', keywords: ['کشتی', 'دریایی', 'قایق', 'ship'] },
+
+ // ۳. پذیرایی و غذا
+ { name: 'buffet', labelFa: 'بوفه باز سلف سرویس', category: 'food', keywords: ['بوفه', 'سلف', 'buffet', 'پذیرایی'] },
+ { name: 'meal', labelFa: 'سه وعده غذا', category: 'food', keywords: ['غذا', 'رستوران', 'meal', 'خوراک'] },
+ { name: 'breakfast', labelFa: 'صبحانه هتل', category: 'food', keywords: ['صبحانه', 'breakfast', 'چای', 'قهوه'] },
+ { name: 'hotMeal', labelFa: 'ناهار و شام گرم', category: 'food', keywords: ['ناهار', 'شام', 'غذای گرم'] },
+ { name: 'beverage', labelFa: 'نوشیدنی و چای‌خانه', category: 'food', keywords: ['چای', 'نوشیدنی', 'drink', 'قهوه'] },
+ { name: 'halalFood', labelFa: 'غذای حلال ایرانی', category: 'food', keywords: ['حلال', 'halal', 'ایرانی'] },
+ { name: 'snack', labelFa: 'میان‌وعده و پذیرایی', category: 'food', keywords: ['میان وعده', 'میوه', 'snack'] },
+
+ // ۴. زیارت و اماکن متبرکه
+ { name: 'dome', labelFa: 'بارگاه و گنبد مقدس', category: 'ziyarat', keywords: ['گنبد', 'بارگاه', 'حرم', 'زیارت'] },
+ { name: 'shrine', labelFa: 'حرم مطهر و ضریح', category: 'ziyarat', keywords: ['حرم', 'ضریح', 'زیارت', 'shrine'] },
+ { name: 'kaaba', labelFa: 'کعبه مشرفه / حج و عمره', category: 'ziyarat', keywords: ['کعبه', 'مکه', 'حج', 'عمره', 'kaaba'] },
+ { name: 'mosque', labelFa: 'مسجد و نماز جماعت', category: 'ziyarat', keywords: ['مسجد', 'نماز', 'mosque'] },
+ { name: 'quran', labelFa: 'قرآن و ادعیه', category: 'ziyarat', keywords: ['قرآن', 'دعا', 'زیارت نامه', 'کتاب'] },
+ { name: 'eulogy', labelFa: 'مداحی و مراسم مذهبی', category: 'ziyarat', keywords: ['مداح', 'نوحه', 'هیئت', 'مراسم'] },
+ { name: 'holyTour', labelFa: 'زیارت دوره جامع', category: 'ziyarat', keywords: ['زیارت دوره', 'اماکن مقدسه', 'قبور شهدا'] },
+
+ // ۵. کادر، راهنما و لیدر
+ { name: 'tourGuide', labelFa: 'مدیر کاروان و تورلیدر', category: 'staff', keywords: ['لیدر', 'راهنما', 'مدیر', 'guide'] },
+ { name: 'scholar', labelFa: 'روحانی کاروان', category: 'staff', keywords: ['روحانی', 'شیخ', 'احکام', 'عالم'] },
+ { name: 'translator', labelFa: 'مترجم بومی مسلط', category: 'staff', keywords: ['مترجم', 'عربی', 'انگلیسی', 'زبان'] },
+ { name: 'doctor', labelFa: 'پزشک همراه کاروان', category: 'staff', keywords: ['پزشک', 'دکتر', 'درمان', 'کادر پزشکی'] },
+ { name: 'medical', labelFa: 'خدمات امدادی و دارویی', category: 'staff', keywords: ['دارو', 'پزشکی', 'اورژانس'] },
+ { name: 'camera', labelFa: 'عکاس و مستندساز', category: 'staff', keywords: ['عکاس', 'فیلمبردار', 'مستند'] },
+ { name: 'support24', labelFa: 'پشتیبانی ۲۴ ساعته', category: 'staff', keywords: ['پشتیبانی', 'شبانه روزی', '۲۴ ساعته'] },
+
+ // ۶. مدارک، ویزا و امور مالی
+ { name: 'passport', labelFa: 'گذرنامه و پاسپورت', category: 'finance', keywords: ['پاسپورت', 'گذرنامه', 'passport'] },
+ { name: 'visa', labelFa: 'روادید و اخذ ویزا', category: 'finance', keywords: ['ویزا', 'روادید', 'visa'] },
+ { name: 'insurance', labelFa: 'بیمه مسافرتی کامل', category: 'finance', keywords: ['بیمه', 'حوادث', 'درمان', 'insurance'] },
+ { name: 'currency', labelFa: 'صرافی و ارز مسافرتی', category: 'finance', keywords: ['ارز', 'دلار', 'دینار', 'صرافی'] },
+ { name: 'ticket', labelFa: 'بلیط ورودی و الکترونیک', category: 'finance', keywords: ['بلیط', 'بلیت', 'کارت', 'ticket'] },
+ { name: 'tax', labelFa: 'عوارض خروج و مالیات', category: 'finance', keywords: ['عوارض', 'مالیات', 'فیش'] },
+
+ // ۷. ارتباطات و تجهیزات مسافر
+ { name: 'wifi', labelFa: 'اینترنت وای‌فای رایگان', category: 'gear', keywords: ['وای فای', 'اینترنت', 'wifi'] },
+ { name: 'simcard', labelFa: 'سیمکارت محلی فعال', category: 'gear', keywords: ['سیمکارت', 'شارژ', 'تماس', 'simcard'] },
+ { name: 'luggage', labelFa: 'چمدان و ساک زیارتی', category: 'gear', keywords: ['چمدان', 'ساک', 'بار', 'luggage'] },
+ { name: 'charger', labelFa: 'شارژر و ایستگاه برق', category: 'gear', keywords: ['شارژر', 'پاوربانک', 'پریز'] },
+ { name: 'waterBottle', labelFa: 'آب معدنی بسته‌بندی', category: 'gear', keywords: ['آب', 'بطری', 'نوشیدنی'] },
+ { name: 'umbrella', labelFa: 'چتر و سایبان', category: 'gear', keywords: ['چتر', 'سایبان', 'آفتاب'] },
+
+ // ۸. تفریح و خرید
+ { name: 'shopping', labelFa: 'گشت بازار و خرید', category: 'leisure', keywords: ['بازار', 'خرید', 'مرکز خرید', 'shopping'] },
+ { name: 'museum', labelFa: 'موزه و ابنیه تاریخی', category: 'leisure', keywords: ['موزه', 'تاریخی', 'آثار'] },
+ { name: 'gift', labelFa: 'بسته هدایای تبرکی', category: 'leisure', keywords: ['هدیه', 'تبرکی', 'سوغات'] },
+ { name: 'palmTour', labelFa: 'گشت نخلستان و طبیعت', category: 'leisure', keywords: ['نخلستان', 'طبیعت', 'گشت'] },
+
+ // شاخص و تیک پیش‌فرض
+ { name: 'check', labelFa: 'تیک استاندارد', category: 'gear', keywords: ['تیک', 'شاخص', 'پیش فرض'] },
+ { name: 'sparkles', labelFa: 'ویژه و ستاره‌دار', category: 'gear', keywords: ['ویژه', 'ستاره', 'جدید'] },
+]
+
+const CATEGORIES = [
+ { id: 'all', label: 'همه' },
+ { id: 'stay', label: 'اقامت' },
+ { id: 'transport', label: 'ترانسفر' },
+ { id: 'food', label: 'پذیرایی' },
+ { id: 'ziyarat', label: 'زیارت' },
+ { id: 'staff', label: 'کادر' },
+ { id: 'finance', label: 'مدارک' },
+ { id: 'gear', label: 'تجهیزات' },
+ { id: 'leisure', label: 'گشت' },
+] as const
+
+interface TourFeatureIconPickerProps {
+ selectedIcon: string
+ onSelectIcon: (iconName: string) => void
+ disabled?: boolean
+ className?: string
+ buttonSize?: 'sm' | 'md'
+ size?: 'sm' | 'md'
+}
+
+export function TourFeatureIconPicker({
+ selectedIcon,
+ onSelectIcon,
+ disabled = false,
+ className,
+ buttonSize,
+ size,
+}: TourFeatureIconPickerProps) {
+ const effectiveSize = size || buttonSize || 'md'
+ const [open, setOpen] = useState(false)
+ const [search, setSearch] = useState('')
+ const [activeCategory, setActiveCategory] = useState
('all')
+
+ const validSelected = selectedIcon && TOUR_FEATURE_ICONS.some((i) => i.name === selectedIcon)
+ ? selectedIcon
+ : 'check'
+
+ const filteredIcons = useMemo(() => {
+ return TOUR_FEATURE_ICONS.filter((item) => {
+ const matchCategory = activeCategory === 'all' || item.category === activeCategory
+ const query = search.trim().toLowerCase()
+ const matchSearch =
+ !query ||
+ item.name.toLowerCase().includes(query) ||
+ item.labelFa.toLowerCase().includes(query) ||
+ item.keywords.some((k) => k.toLowerCase().includes(query))
+
+ return matchCategory && matchSearch
+ })
+ }, [search, activeCategory])
+
+ return (
+
+
+
+
+
+
+
+
+
+ {/* جستجوی آیکون */}
+
+
setSearch(e.target.value)}
+ placeholder="جستجوی آیکون (هتل، اتوبوس، غذا، زیارت...)"
+ className="h-8 text-xs bg-surface-base pr-8 rounded-xl border-border-soft"
+ autoFocus
+ />
+
+
+
+ {CATEGORIES.map((cat) => (
+ setActiveCategory(cat.id)}
+ className={cn(
+ 'px-2 py-0.5 rounded-lg whitespace-nowrap transition cursor-pointer font-medium',
+ activeCategory === cat.id
+ ? 'bg-primary text-white font-bold'
+ : 'text-grey-3 hover:text-foreground hover:bg-surface-base'
+ )}
+ >
+ {cat.label}
+
+ ))}
+
+
+ {/* شبکه آیکون‌ها */}
+
+ {filteredIcons.length === 0 ? (
+
+ آیکونی یافت نشد
+
+ ) : (
+ filteredIcons.map((item) => {
+ const isSelected = item.name === validSelected
+ return (
+
{
+ onSelectIcon(item.name)
+ setOpen(false)
+ }}
+ title={item.labelFa}
+ className={cn(
+ 'flex flex-col items-center justify-center p-2 rounded-xl border transition-all cursor-pointer group',
+ isSelected
+ ? 'border-primary bg-primary/15 text-primary scale-105 shadow-xs'
+ : 'border-transparent hover:border-border-soft hover:bg-card text-grey-2 hover:text-foreground'
+ )}
+ >
+
+ )
+ })
+ )}
+
+ {filteredIcons.length} آیکون تخصصی گردشگری و زیارت
+
+
+
+ )
+}
diff --git a/src/features/tours/components/CreateTourDialog.tsx b/src/features/tours/components/CreateTourDialog.tsx
index dce9311..2540c24 100644
--- a/src/features/tours/components/CreateTourDialog.tsx
+++ b/src/features/tours/components/CreateTourDialog.tsx
@@ -16,6 +16,7 @@ import {
ServiceTranslation,
type ServiceLanguageCode,
} from '@/components/shared/ServiceTranslation'
+import { TourFeatureIconPicker } from '@/components/shared/TourFeatureIconPicker'
import type { TourTranslationData } from '../types'
interface CreateTourDialogProps {
@@ -70,8 +71,10 @@ export function CreateTourDialog({
const [percentOff, setPercentOff] = React.useState('0')
// Base features & tips
- const [features, setFeatures] = React.useState([])
+ const [features, setFeatures] = React.useState<{ title: string; icon: string }[]>([])
const [newFeature, setNewFeature] = React.useState('')
+ const [newFeatureIcon, setNewFeatureIcon] = React.useState('check')
+ const [editingBaseFeature, setEditingBaseFeature] = React.useState<{ idx: number; title: string; icon: string } | null>(null)
const [tips, setTips] = React.useState<{ title: string; desc: string }[]>([])
const [newTipTitle, setNewTipTitle] = React.useState('')
const [newTipDesc, setNewTipDesc] = React.useState('')
@@ -95,6 +98,16 @@ export function CreateTourDialog({
setImageUrl(null)
setImageName(null)
setImageUploadError(null)
+ setFeatures([])
+ setNewFeature('')
+ setNewFeatureIcon('check')
+ setEditingBaseFeature(null)
+ setTips([])
+ setNewTipTitle('')
+ setNewTipDesc('')
+ setNewTransFeatText('')
+ setNewTransFeatIcon('check')
+ setEditingTransFeature(null)
}
}, [open])
@@ -140,11 +153,35 @@ export function CreateTourDialog({
const handleAddFeature = () => {
if (!newFeature.trim()) return
- setFeatures((prev) => [...prev, newFeature.trim()])
+ setFeatures((prev) => [...prev, { title: newFeature.trim(), icon: newFeatureIcon || 'check' }])
setNewFeature('')
+ setNewFeatureIcon('check')
+ }
+
+ const handleStartEditBaseFeature = (idx: number, feat: { title: string; icon: string }) => {
+ setEditingBaseFeature({ idx, title: feat.title, icon: feat.icon || 'check' })
+ }
+
+ const handleSaveEditBaseFeature = () => {
+ if (!editingBaseFeature || !editingBaseFeature.title.trim()) return
+ setFeatures((prev) =>
+ prev.map((f, i) =>
+ i === editingBaseFeature.idx
+ ? { title: editingBaseFeature.title.trim(), icon: editingBaseFeature.icon || 'check' }
+ : f
+ )
+ )
+ setEditingBaseFeature(null)
+ }
+
+ const handleCancelEditBaseFeature = () => {
+ setEditingBaseFeature(null)
}
const handleRemoveFeature = (idx: number) => {
+ if (editingBaseFeature?.idx === idx) {
+ setEditingBaseFeature(null)
+ }
setFeatures((prev) => prev.filter((_, i) => i !== idx))
}
@@ -170,7 +207,7 @@ export function CreateTourDialog({
}))
}
- const handleAddTransFeature = (text: string) => {
+ const handleAddTransFeature = (text: string, icon = 'check') => {
if (!text.trim()) return
setTranslations((prev) => {
const current = prev[selectedTransLang] || { tour_feature: [] }
@@ -179,13 +216,46 @@ export function CreateTourDialog({
...prev,
[selectedTransLang]: {
...current,
- tour_feature: [...currFeats, { title: text.trim() }],
+ tour_feature: [...currFeats, { title: text.trim(), icon: icon || 'check' }],
+ },
+ }
+ })
+ setNewTransFeatText('')
+ setNewTransFeatIcon('check')
+ }
+
+ const handleStartEditTransFeature = (idx: number, feat: { title: string; icon?: string }) => {
+ setEditingTransFeature({ idx, title: feat.title, icon: feat.icon || 'check' })
+ }
+
+ const handleSaveEditTransFeature = () => {
+ if (!editingTransFeature || !editingTransFeature.title.trim()) return
+ setTranslations((prev) => {
+ const current = prev[selectedTransLang] || { tour_feature: [] }
+ const currFeats = current.tour_feature || []
+ return {
+ ...prev,
+ [selectedTransLang]: {
+ ...current,
+ tour_feature: currFeats.map((f, i) =>
+ i === editingTransFeature.idx
+ ? { title: editingTransFeature.title.trim(), icon: editingTransFeature.icon || 'check' }
+ : f
+ ),
},
}
})
+ setEditingTransFeature(null)
+ }
+
+ const handleCancelEditTransFeature = () => {
+ setEditingTransFeature(null)
}
const handleRemoveTransFeature = (idx: number) => {
+ if (editingTransFeature?.idx === idx) {
+ setEditingTransFeature(null)
+ }
setTranslations((prev) => {
const current = prev[selectedTransLang] || { tour_feature: [] }
const currFeats = current.tour_feature || []
@@ -233,6 +303,8 @@ export function CreateTourDialog({
}
const [newTransFeatText, setNewTransFeatText] = React.useState('')
+ const [newTransFeatIcon, setNewTransFeatIcon] = React.useState('check')
+ const [editingTransFeature, setEditingTransFeature] = React.useState<{ idx: number; title: string; icon: string } | null>(null)
const [newTransTipTitle, setNewTransTipTitle] = React.useState('')
const [newTransTipDesc, setNewTransTipDesc] = React.useState('')
@@ -281,7 +353,7 @@ export function CreateTourDialog({
setIsSubmitting(true)
try {
- const tour_feature = features.map((f) => ({ title: f }))
+ const tour_feature = features.map((f) => ({ title: f.title, icon: f.icon || 'check' }))
const travel_tips: Record = {}
tips.forEach((t) => {
travel_tips[t.title] = t.desc
@@ -780,6 +852,10 @@ export function CreateTourDialog({