diff --git a/apps/frontend/src/components/launches/providers/instagram/instagram.tags.tsx b/apps/frontend/src/components/launches/providers/instagram/instagram.tags.tsx index b233923f..cf2ee78f 100644 --- a/apps/frontend/src/components/launches/providers/instagram/instagram.tags.tsx +++ b/apps/frontend/src/components/launches/providers/instagram/instagram.tags.tsx @@ -2,6 +2,8 @@ import { FC, useCallback, useEffect, useMemo, useState } from 'react'; import { useSettings } from '@gitroom/frontend/components/launches/helpers/use.values'; import { ReactTags } from 'react-tag-autocomplete'; import interClass from '@gitroom/react/helpers/inter.font'; +import { useIntegration } from '@gitroom/frontend/components/launches/helpers/use.integration'; +import clsx from 'clsx'; export const InstagramCollaboratorsTags: FC<{ name: string; @@ -10,6 +12,7 @@ export const InstagramCollaboratorsTags: FC<{ }> = (props) => { const { onChange, name, label } = props; const { getValues } = useSettings(); + const { integration } = useIntegration(); const [tagValue, setTagValue] = useState([]); const [suggestions, setSuggestions] = useState(''); @@ -42,20 +45,38 @@ export const InstagramCollaboratorsTags: FC<{ }, []); const suggestionsArray = useMemo(() => { - return [...tagValue, { label: suggestions, value: suggestions }].filter(f => f.label); + return [...tagValue, { label: suggestions, value: suggestions }].filter( + (f) => f.label + ); }, [suggestions, tagValue]); return ( -
-
{label}
- +
+
+
+ {label} +
+ +
); };