From e61f1de39b746c0996ce0f9423e95e926c99d905 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Mon, 20 Apr 2020 17:15:06 +0800
Subject: [PATCH] feat(image): forward ref for image browser

---
 components/image/image-browser.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/image/image-browser.tsx b/components/image/image-browser.tsx
index 54d03e5..ca4e4af 100644
--- a/components/image/image-browser.tsx
+++ b/components/image/image-browser.tsx
@@ -97,9 +97,9 @@ const getAddressInput = (
   </div>
 )
 
-const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
+const ImageBrowser = React.memo(React.forwardRef<HTMLDivElement, React.PropsWithChildren<ImageBrowserProps>>(({
   url, title, children, showFullLink, invert, className, ...props
-}) => {
+}, ref: React.Ref<HTMLDivElement>) => {
   const theme = useTheme()
   const colors = useMemo(
     () => getBrowserColors(invert, theme.palette),
@@ -112,7 +112,7 @@ const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
   }, [url, showFullLink, title, colors])
   
   return (
-    <div className={`bowser ${className}`} {...props}>
+    <div className={`bowser ${className}`} ref={ref} {...props}>
       <header>
         <div className="traffic">
           <span className="close" />
@@ -185,6 +185,6 @@ const ImageBrowser: React.FC<React.PropsWithChildren<ImageBrowserProps>> = ({
       `}</style>
     </div>
   )
-}
+}))
 
 export default withDefaults(ImageBrowser, defaultProps)