Improvements to shared library components

2026-04-19 16:08:34 +01:00 · 2021-07-21 16:45:41 -04:00
parent 2c59c71872
commit d9e90e9ea8
15 changed files with 485 additions and 348 deletions
--- a/ts/components/conversation/conversation-details/EditConversationAttributesModal.tsx
+++ b/ts/components/conversation/conversation-details/EditConversationAttributesModal.tsx
@@ -4,6 +4,7 @@
 import React, {
  FormEventHandler,
  FunctionComponent,
+  useCallback,
  useRef,
  useState,
 } from 'react';
@@ -111,6 +112,13 @@ export const EditConversationAttributesModal: FunctionComponent<PropsType> = ({
    makeRequest(request);
  };

+  const handleAvatarLoaded = useCallback(
+    loadedAvatar => {
+      setAvatar(loadedAvatar);
+    },
+    [setAvatar]
+  );
+
  return (
    <Modal
      hasXButton
@@ -131,9 +139,7 @@ export const EditConversationAttributesModal: FunctionComponent<PropsType> = ({
            setAvatar(newAvatar);
            setHasAvatarChanged(true);
          }}
-          onAvatarLoaded={loadedAvatar => {
-            setAvatar(loadedAvatar);
-          }}
+          onAvatarLoaded={handleAvatarLoaded}
          variant={AvatarInputVariant.Dark}
        />