rename

Author: alexcarpenter

packages/clerk-js/src/ui/elements/SocialButtons.tsx

@@ -100,8 +100,8 @@ export const SocialButtons = React.memo((props: SocialButtonsRootProps) => {
     MAX_STRATEGIES_PER_ROW,
     lastAuthenticationStrategy,
   );
-  const strategiesLength = lastAuthenticationStrategyPresent ? strategies.length - 1 : strategies.length;
   const strategyRowOneLength = strategyRows.at(lastAuthenticationStrategyPresent ? 1 : 0)?.length ?? 0;
+  const remainingStrategiesLength = lastAuthenticationStrategyPresent ? strategies.length - 1 : strategies.length;
   const shouldForceSingleColumnOnMobile = !lastAuthenticationStrategyPresent && strategies.length === 2;
 
   const preferBlockButtons =
@@ -171,7 +171,7 @@ export const SocialButtons = React.memo((props: SocialButtonsRootProps) => {
         >
           {row.map(strategy => {
             const shouldShowPreText =
-              strategiesLength === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD ||
+              remainingStrategiesLength === SOCIAL_BUTTON_PRE_TEXT_THRESHOLD ||
               (strategy === lastAuthenticationStrategy && row.length === 1);
 
             const label = shouldShowPreText