use await

GoogleForCreators · Jun 21, 2022 · 8565225 · 8565225
1 parent 8c4ec8d
commit 8565225
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/packages/story-editor/src/components/eyedropper/useEyeDropperApi.js b/packages/story-editor/src/components/eyedropper/useEyeDropperApi.js
@@ -31,20 +31,18 @@ function useEyeDropperApi({ onChange }) {
     }
   }, [isEyeDropperApiSupported]);
 
-  const openEyeDropper = useCallback(() => {
+  const openEyeDropper = useCallback(async () => {
     if (!eyeDropper.current || !isEyeDropperApiSupported) {
       return;
     }
 
-    eyeDropper.current
-      .open()
-      .then((result) => {
-        onChange(getSolidFromHex(result.sRGBHex.substring(1)).color);
-      })
-      .catch((e) => {
-        //eslint-disable-next-line no-console -- Surface error for debugging.
-        console.log(e.message);
-      });
+    try {
+      const { sRGBHex } = await eyeDropper.current.open();
+      onChange(getSolidFromHex(sRGBHex.substring(1)).color);
+    } catch (e) {
+      //eslint-disable-next-line no-console -- Surface error for debugging.
+      console.log(e.message);
+    };
   }, [eyeDropper, isEyeDropperApiSupported, onChange]);
 
   return { isEyeDropperApiSupported, openEyeDropper };