move useEffect above conditional return

tloncorp · Jan 10, 2025 · 4e7462e · 4e7462e
1 parent da35a9c
commit 4e7462e
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/packages/ui/src/components/InviteFriendsToTlonButton.tsx b/packages/ui/src/components/InviteFriendsToTlonButton.tsx
@@ -30,6 +30,10 @@ export function InviteFriendsToTlonButton({
   const title = useGroupTitle(group);
   const { doCopy } = useCopy(shareUrl || '');
 
+  useEffect(() => {
+    logger.trackEvent('Invite Button Shown', { group: group?.id });
+  }, []);
+
   const handleInviteButtonPress = useCallback(async () => {
     if (shareUrl && status === 'ready' && group) {
       if (isWeb) {
@@ -106,11 +110,6 @@ export function InviteFriendsToTlonButton({
   const linkFailed =
     linkIsDisabled || status === 'error' || status === 'unsupported';
 
-  useEffect(() => {
-    // eslint-disable-next-line
-    logger.trackEvent('Invite Button Shown', { group: group?.id });
-  }, []);
-
   return (
     <Button
       secondary