mirror of
https://github.com/hanzoai/icons.git
synced 2026-09-24 16:59:52 +00:00
π fix: Fix svg id
This commit is contained in:
@@ -3,7 +3,7 @@ import { useId, useMemo } from 'react';
|
||||
|
||||
export const useFillId = (namespace: string) => {
|
||||
const uniqueId = useId();
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
|
||||
return useMemo(
|
||||
() => ({
|
||||
fill: `url(#${id})`,
|
||||
@@ -16,8 +16,8 @@ export const useFillId = (namespace: string) => {
|
||||
export const useFillIds = (namespace: string, length: number) => {
|
||||
const uniqueId = useId();
|
||||
return useMemo(() => {
|
||||
return Array.from({ length }, () => {
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
|
||||
return Array.from({ length }, (_, i) => {
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-${i}-${uniqueId}`;
|
||||
return {
|
||||
fill: `url(#${id})`,
|
||||
id,
|
||||
|
||||
@@ -3,7 +3,7 @@ import { useId, useMemo } from 'react';
|
||||
|
||||
export const useFillId = (namespace: string) => {
|
||||
const uniqueId = useId();
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
|
||||
return useMemo(
|
||||
() => ({
|
||||
fill: `url(#${id})`,
|
||||
@@ -17,7 +17,7 @@ export const useFillIds = (namespace: string, length: number) => {
|
||||
const uniqueId = useId();
|
||||
return useMemo(() => {
|
||||
return Array.from({ length }, () => {
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-fill-${uniqueId}`;
|
||||
const id = `lobe-icons-${kebabCase(namespace)}-${uniqueId}`;
|
||||
return {
|
||||
fill: `url(#${id})`,
|
||||
id,
|
||||
|
||||
Reference in New Issue
Block a user