fix: icon picker not working (#1080)

* fix: icon picker not working

* fix: project icon in analytics sidebar
This commit is contained in:
Aaryan Khandelwal 2023-05-19 16:35:51 +05:30 committed by GitHub
parent e3a114cd69
commit 7f5fdb9589
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 158 additions and 71 deletions

View file

@ -25,13 +25,7 @@ const tabOptions = [
},
];
const EmojiIconPicker: React.FC<Props> = ({
label,
value,
onChange,
onIconColorChange,
onIconsClick,
}) => {
const EmojiIconPicker: React.FC<Props> = ({ label, value, onChange, onIconColorChange }) => {
const ref = useRef<HTMLDivElement>(null);
const [isOpen, setIsOpen] = useState(false);
@ -181,13 +175,13 @@ const EmojiIconPicker: React.FC<Props> = ({
</div>
<hr className="mb-1 h-[1px] w-full border-brand-base" />
<div className="mt-1 ml-1 grid grid-cols-8 gap-x-2 gap-y-3">
{icons.material_rounded.map((icon) => (
{icons.material_rounded.map((icon, index) => (
<button
key={`${icon.name}-${index}`}
type="button"
className="mb-1 flex h-4 w-4 select-none items-center text-lg"
key={icon.name}
onClick={() => {
if (onIconsClick) onIconsClick(icon.name);
onChange({ name: icon.name, color: activeColor });
setIsOpen(false);
}}
>