feat(footer): آیکون رسمی «بله» — نشان اپ از bale.ai، چون هیچ مجموعهآیکونی آن را ندارد
This commit is contained in:
@@ -6,11 +6,13 @@ import { useLang } from '../i18n/lang';
|
||||
import { useFieldSaver } from '../admin/AdminContext';
|
||||
import { InlineEdit } from './admin/InlineEdit';
|
||||
import { AddItemButton, EditableItem, SingletonPill } from '../admin/Editable';
|
||||
import { BaleIcon } from './icons/BaleIcon';
|
||||
|
||||
const SOCIAL_ICONS: Record<string, React.ComponentType<{ className?: string }>> = {
|
||||
instagram: InstagramIcon,
|
||||
linkedin: LinkedinIcon,
|
||||
telegram: SendIcon,
|
||||
bale: BaleIcon,
|
||||
};
|
||||
|
||||
export function Footer() {
|
||||
|
||||
@@ -0,0 +1,23 @@
|
||||
/**
|
||||
* آیکون «بله» — نشان رسمی اپلیکیشن (svg از سایت bale.ai).
|
||||
*
|
||||
* در هیچکدام از مجموعهآیکونهای نصبشده (lucide / react-icons) آیکون بله
|
||||
* وجود ندارد؛ پس مسیرهای خود نشان بهصورت درونخطی نگه داشته شدهاند.
|
||||
* fill="currentColor" است تا رنگ از کلاس والد (مثل text-copper) بیاید و
|
||||
* مانند بقیهٔ آیکونهای فوتر رفتار کند.
|
||||
*/
|
||||
export function BaleIcon({ className }: { className?: string }) {
|
||||
return (
|
||||
<svg
|
||||
viewBox="0 0 280 337"
|
||||
className={className}
|
||||
fill="currentColor"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
aria-hidden="true"
|
||||
focusable="false"
|
||||
>
|
||||
<path d="m183.06 103.03h-88.12c-36.98 0-66.96 29.98-66.96 66.96v88.12c0 36.98 29.98 66.96 66.96 66.96h88.12c36.98 0 66.96-29.98 66.96-66.96v-88.12c0-36.98-29.98-66.96-66.96-66.96zm21.16 155.08c0 11.67-9.49 21.16-21.16 21.16h-88.12c-11.67 0-21.16-9.49-21.16-21.16v-88.12c0-11.67 9.49-21.16 21.16-21.16h88.11c11.67 0 21.16 9.49 21.16 21.16 0 0 0 88.12 0.01 88.12z" />
|
||||
<path d="m152.18 34.52c-14.22 14.22-20.69 33.23-19.45 51.83 18.6 1.24 37.62-5.23 51.83-19.45 14.22-14.22 20.69-33.24 19.45-51.83-18.6-1.24-37.62 5.23-51.83 19.45z" />
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user