From 464af45b504cd5df11abaadb9fe03e161424b7f5 Mon Sep 17 00:00:00 2001
From: Aman Harwara <amanharwara@protonmail.com>
Date: Tue, 12 Sep 2023 23:43:31 +0530
Subject: [PATCH] chore: fix icon picker state not changing in tag context menu

---
 packages/web/src/javascripts/Components/Icon/IconPicker.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/javascripts/Components/Icon/IconPicker.tsx b/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
index 7bb9a6bac..a9f660bcf 100644
--- a/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
+++ b/packages/web/src/javascripts/Components/Icon/IconPicker.tsx
@@ -1,6 +1,6 @@
 import { classNames } from '@standardnotes/utils'
 import { EmojiString, Platform, VectorIconNameOrEmoji } from '@standardnotes/snjs'
-import { ForwardedRef, forwardRef, useCallback, useMemo, useRef, useState } from 'react'
+import { ForwardedRef, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import Dropdown from '../Dropdown/Dropdown'
 import { DropdownItem } from '../Dropdown/DropdownItem'
 import { getEmojiLength } from './EmojiLength'
@@ -75,6 +75,10 @@ const IconPicker = ({ selectedValue, onIconChange, platform, className, useIconG
   const [currentType, setCurrentType] = useState<IconPickerType>(isSelectedEmoji ? 'emoji' : 'icon')
   const [emojiInputValue, setEmojiInputValue] = useState(isSelectedEmoji ? selectedValue : '')
 
+  useEffect(() => {
+    setEmojiInputValue(isSelectedEmoji ? selectedValue : '')
+  }, [isSelectedEmoji, selectedValue])
+
   const selectTab = (type: IconPickerType | 'reset') => {
     if (type === 'reset') {
       onIconChange(undefined)