From cd0ff98425188e7fed09b4daafd510fc4c76fb67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=9F=E3=81=84=E3=81=A1=20=E3=81=B2?=
 <taichi221228@icloud.com>
Date: Thu, 25 May 2023 20:03:37 +0900
Subject: [PATCH] [Glitch] Fix export style of `<LoadGap />` based on `<Domain
 />`

Port ae0341c2034ed5312f1357e44a78d0e07f35c24e to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
---
 .../flavours/glitch/components/load_gap.tsx   | 34 +++++++++----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/app/javascript/flavours/glitch/components/load_gap.tsx b/app/javascript/flavours/glitch/components/load_gap.tsx
index 77d1143a9f..52d701d5d5 100644
--- a/app/javascript/flavours/glitch/components/load_gap.tsx
+++ b/app/javascript/flavours/glitch/components/load_gap.tsx
@@ -16,21 +16,21 @@ interface Props {
   intl: InjectedIntl;
 }
 
-export const LoadGap = injectIntl<Props>(
-  ({ disabled, maxId, onClick, intl }) => {
-    const handleClick = useCallback(() => {
-      onClick(maxId);
-    }, [maxId, onClick]);
+const _LoadGap: React.FC<Props> = ({ disabled, maxId, onClick, intl }) => {
+  const handleClick = useCallback(() => {
+    onClick(maxId);
+  }, [maxId, onClick]);
 
-    return (
-      <button
-        className='load-more load-gap'
-        disabled={disabled}
-        onClick={handleClick}
-        aria-label={intl.formatMessage(messages.load_more)}
-      >
-        <Icon id='ellipsis-h' />
-      </button>
-    );
-  }
-);
+  return (
+    <button
+      className='load-more load-gap'
+      disabled={disabled}
+      onClick={handleClick}
+      aria-label={intl.formatMessage(messages.load_more)}
+    >
+      <Icon id='ellipsis-h' />
+    </button>
+  );
+};
+
+export const LoadGap = injectIntl(_LoadGap);