fix: prevent AppIconPicker click event from propagating (#15575) (#15647)

web/app/components/app/overview/settings/index.tsx

@@ -439,8 +439,9 @@ const SettingsModal: FC<ISettingsModalProps> = ({
           <Button className='mr-2' onClick={onHide}>{t('common.operation.cancel')}</Button>
           <Button variant='primary' onClick={onClickSave} loading={saveLoading}>{t('common.operation.save')}</Button>
         </div>
-      </Modal >
+
         {showAppIconPicker && (
+          <div onClick={e => e.stopPropagation()}>
             <AppIconPicker
               onSelect={(payload) => {
                 setAppIcon(payload)
@@ -453,9 +454,10 @@ const SettingsModal: FC<ISettingsModalProps> = ({
                 setShowAppIconPicker(false)
               }}
             />
+          </div>
         )}
+      </Modal>
     </>
-
   )
 }
 export default React.memo(SettingsModal)