Fixed no friends message (#1474)

Author: musidlo

packages/app/components/ReferralLink.tsx

@@ -10,14 +10,12 @@ import {
 } from '@my/ui'
 import { useUser } from 'app/utils/useUser'
 import { CheckCheck } from '@tamagui/lucide-icons'
-import { type ReactNode, useEffect, useState } from 'react'
+import { useEffect, useState } from 'react'
 import { IconCopy } from './icons'
 import * as Clipboard from 'expo-clipboard'
 import { useConfirmedTags } from 'app/utils/tags'
 
-type ReferralLink = { label?: ReactNode } & ButtonProps
-
-export function ReferralLink({ label, ...props }: ReferralLink) {
+export function ReferralLink(props: ButtonProps) {
   const { profile } = useUser()
   const send_id = profile?.send_id
   const tags = useConfirmedTags()
@@ -62,11 +60,9 @@ export function ReferralLink({ label, ...props }: ReferralLink) {
 
   return (
     <XStack ai={'center'} gap={'$2'} width={'100%'}>
-      {label || (
-        <Paragraph size={'$5'} color={'$color10'} flexShrink={0}>
-          Referral Code:
-        </Paragraph>
-      )}
+      <Paragraph size={'$5'} color={'$color10'} flexShrink={0}>
+        Referral Code:
+      </Paragraph>
       <Button
         chromeless
         flex={1}
@@ -91,7 +87,7 @@ export function ReferralLink({ label, ...props }: ReferralLink) {
         <ButtonText
           fontSize={'$5'}
           fontWeight={'500'}
-          bc="$background"
+          bc="transparent"
           maxWidth={'85%'}
           hoverStyle={{
             color: '$primary',

packages/app/features/affiliate/screen.tsx

@@ -120,15 +120,10 @@ export const FriendsScreen = () => {
 
   if (referrals.length === 0) {
     return (
-      <XStack ai={'flex-start'} pt={'$5'}>
-        <ReferralLink
-          f={0}
-          p={0}
-          label={
-            <Paragraph size={'$5'}>Invite friends to Send using your referral code:</Paragraph>
-          }
-        />
-      </XStack>
+      <YStack w={'100%'} ai={'flex-start'} pt={'$5'} gap={'$5'}>
+        <Paragraph size={'$5'}>Invite friends to Send using your referral code.</Paragraph>
+        <ReferralLink f={0} p={0} />
+      </YStack>
     )
   }