shi.gg / mellow-web
The weeb for the next gen discord boat - Wamellow wamellow.com
bot discord
3
fork

Configure Feed

Select the types of activity you want to include in your feed.

fix select menu spacing

Luna 28b8bbbd 9d0a556c

+6 -6
+5 -5
components/inputs/multi-select-menu.tsx
··· 19 19 name: string; 20 20 url: string; 21 21 dataName: string; 22 - items: { icon?: React.ReactNode; name: string; value: string; error?: string; color?: number; }[] | undefined; 22 + items: { icon?: React.ReactNode; name: string; value: string | number; error?: string; color?: number; }[] | undefined; 23 23 disabled?: boolean; 24 24 max?: number; 25 25 description?: string; 26 - defaultState?: string[]; 26 + defaultState?: (string | number)[]; 27 27 }; 28 28 29 29 ··· 42 42 const [error, setError] = useState<string | null>(null); 43 43 44 44 const [open, setOpen] = useState<boolean>(false); 45 - const [defaultvalue, setDefaultalue] = useState<string[]>([]); 46 - const [values, setValues] = useState<{ icon?: React.ReactNode; name: string; value: string; error?: string; color?: number; }[]>([]); 45 + const [defaultvalue, setDefaultalue] = useState<(string | number)[]>([]); 46 + const [values, setValues] = useState<{ icon?: React.ReactNode; name: string; value: string | number; error?: string; color?: number; }[]>([]); 47 47 48 48 useEffect(() => { 49 49 setValues(items.filter((i) => defaultState?.includes(i.value))); ··· 167 167 {items.map((item, i) => ( 168 168 <button 169 169 className={cn( 170 - "p-4 py-2 w-full text-left duration-200 flex justify-between items-center dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha", 170 + "p-4 py-2 w-full text-left duration-200 flex items-center dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha", 171 171 item.error && "dark:bg-red-500/10 hover:dark:bg-red-500/25 bg-red-500/30 hover:bg-red-500/40" 172 172 )} 173 173 style={item.color ? { color: `#${item.color.toString(16)}` } : {}}
+1 -1
components/inputs/select-menu.tsx
··· 164 164 {items.map((item, i) => ( 165 165 <button 166 166 className={cn( 167 - "p-4 py-2 w-full text-left duration-200 flex justify-between items-center dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha", 167 + "p-4 py-2 w-full text-left duration-200 flex items-center dark:hover:bg-wamellow-alpha hover:bg-wamellow-100-alpha", 168 168 item.error && "dark:bg-red-500/10 hover:dark:bg-red-500/25 bg-red-500/30 hover:bg-red-500/40" 169 169 )} 170 170 key={"select-" + item.value + i}