diff --git a/src/components/ProgressGuide/FollowDialog.tsx b/src/components/ProgressGuide/FollowDialog.tsx
index 383b5a1610..ca91665e94 100644
--- a/src/components/ProgressGuide/FollowDialog.tsx
+++ b/src/components/ProgressGuide/FollowDialog.tsx
@@ -31,6 +31,7 @@ import {
import {Button, ButtonIcon, ButtonText} from '#/components/Button'
import * as Dialog from '#/components/Dialog'
import {useInteractionState} from '#/components/hooks/useInteractionState'
+import {ArrowRight_Stroke2_Corner0_Rounded as ArrowRightIcon} from '#/components/icons/Arrow'
import {MagnifyingGlass_Stroke2_Corner0_Rounded as SearchIcon} from '#/components/icons/MagnifyingGlass'
import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
import {boostInterests, InterestTabs} from '#/components/InterestTabs'
@@ -59,10 +60,16 @@ type Item =
key: string
}
-export function FollowDialog({guide}: {guide: Follow10ProgressGuide}) {
+export function FollowDialog({
+ guide,
+ showArrow,
+}: {
+ guide: Follow10ProgressGuide
+ showArrow?: boolean
+}) {
const {_} = useLingui()
const control = Dialog.useDialogControl()
- const {gtMobile} = useBreakpoints()
+ const {gtPhone} = useBreakpoints()
const {height: minHeight} = useWindowDimensions()
return (
@@ -73,12 +80,12 @@ export function FollowDialog({guide}: {guide: Follow10ProgressGuide}) {
control.open()
logEvent('progressGuide:followDialog:open', {})
}}
- size={gtMobile ? 'small' : 'large'}
- color="primary"
- variant="solid">
+ size={gtPhone ? 'small' : 'large'}
+ color="primary">
Find people to follow
+ {showArrow && }