[Glitch] Fix export style of `<LoadGap />` based on `<Domain />`

Port ae0341c203 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/components/load_gap.tsx

@@ -16,21 +16,21 @@ interface Props {
   intl: InjectedIntl;
 }
 
-export const LoadGap = injectIntl<Props>(
+const _LoadGap: React.FC<Props> = ({ disabled, maxId, onClick, intl }) => {
-  ({ disabled, maxId, onClick, intl }) => {
+  const handleClick = useCallback(() => {
-    const handleClick = useCallback(() => {
+    onClick(maxId);
-      onClick(maxId);
+  }, [maxId, onClick]);
-    }, [maxId, onClick]);
 
-    return (
+  return (
-      <button
+    <button
-        className='load-more load-gap'
+      className='load-more load-gap'
-        disabled={disabled}
+      disabled={disabled}
-        onClick={handleClick}
+      onClick={handleClick}
-        aria-label={intl.formatMessage(messages.load_more)}
+      aria-label={intl.formatMessage(messages.load_more)}
-      >
+    >
-        <Icon id='ellipsis-h' />
+      <Icon id='ellipsis-h' />
-      </button>
+    </button>
-    );
+  );
-  }
+};
-);
+
+export const LoadGap = injectIntl(_LoadGap);