From a1d2df04b4b988f8c9df6cda114edbd9ce6f035b Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 27 Jun 2025 16:41:24 +0300
Subject: [PATCH] add tooltip

---
 .../SubscribeProfileButton.tsx                | 45 +++++++++++++------
 .../hooks/activity-subscriptions-nudged.ts    |  8 ++++
 src/storage/schema.ts                         |  1 +
 3 files changed, 41 insertions(+), 13 deletions(-)
 create mode 100644 src/storage/hooks/activity-subscriptions-nudged.ts

diff --git a/src/components/activity-notifications/SubscribeProfileButton.tsx b/src/components/activity-notifications/SubscribeProfileButton.tsx
index 14a22658a2..71253dca9b 100644
--- a/src/components/activity-notifications/SubscribeProfileButton.tsx
+++ b/src/components/activity-notifications/SubscribeProfileButton.tsx
@@ -5,11 +5,13 @@ import {useLingui} from '@lingui/react'
 
 import {useRequireEmailVerification} from '#/lib/hooks/useRequireEmailVerification'
 import {createSanitizedDisplayName} from '#/lib/moderation/create-sanitized-display-name'
-import {atoms as a} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {useDialogControl} from '#/components/Dialog'
 import {BellPlus_Stroke2_Corner0_Rounded as BellPlusIcon} from '#/components/icons/BellPlus'
 import {BellRinging_Filled_Corner0_Rounded as BellRingingIcon} from '#/components/icons/BellRinging'
+import * as Tooltip from '#/components/Tooltip'
+import {Text} from '#/components/Typography'
+import {useActivitySubscriptionsNudged} from '#/storage/hooks/activity-subscriptions-nudged'
 import type * as bsky from '#/types/bsky'
 import {SubscribeProfileDialog} from './SubscribeProfileDialog'
 
@@ -23,6 +25,12 @@ export function SubscribeProfileButton({
   const {_} = useLingui()
   const requireEmailVerification = useRequireEmailVerification()
   const subscribeDialogControl = useDialogControl()
+  const [activitySubscriptionsNudged, setActivitySubscriptionsNudged] =
+    useActivitySubscriptionsNudged()
+
+  const onDismissTooltip = () => {
+    setActivitySubscriptionsNudged(true)
+  }
 
   const onPress = useCallback(() => {
     subscribeDialogControl.open()
@@ -47,18 +55,29 @@ export function SubscribeProfileButton({
 
   return (
     <>
-      <Button
-        accessibilityRole="button"
-        testID="dmBtn"
-        size="small"
-        color="secondary"
-        variant="solid"
-        shape="round"
-        label={_(msg`Get notified when ${name} posts`)}
-        style={[a.justify_center]}
-        onPress={wrappedOnPress}>
-        <ButtonIcon icon={Icon} size="md" />
-      </Button>
+      <Tooltip.Outer
+        visible={!activitySubscriptionsNudged}
+        onVisibleChange={onDismissTooltip}
+        position="bottom">
+        <Tooltip.Target>
+          <Button
+            accessibilityRole="button"
+            testID="dmBtn"
+            size="small"
+            color="secondary"
+            variant="solid"
+            shape="round"
+            label={_(msg`Get notified when ${name} posts`)}
+            onPress={wrappedOnPress}>
+            <ButtonIcon icon={Icon} size="md" />
+          </Button>
+        </Tooltip.Target>
+        <Tooltip.TextBubble>
+          <Text>
+            <Trans>Get notified about new posts</Trans>
+          </Text>
+        </Tooltip.TextBubble>
+      </Tooltip.Outer>
 
       <SubscribeProfileDialog
         control={subscribeDialogControl}
diff --git a/src/storage/hooks/activity-subscriptions-nudged.ts b/src/storage/hooks/activity-subscriptions-nudged.ts
new file mode 100644
index 0000000000..0e9c1c39cb
--- /dev/null
+++ b/src/storage/hooks/activity-subscriptions-nudged.ts
@@ -0,0 +1,8 @@
+import {device, useStorage} from '#/storage'
+
+export function useActivitySubscriptionsNudged() {
+  const [activitySubscriptionsNudged = false, setActivitySubscriptionsNudged] =
+    useStorage(device, ['activitySubscriptionsNudged'])
+
+  return [activitySubscriptionsNudged, setActivitySubscriptionsNudged] as const
+}
diff --git a/src/storage/schema.ts b/src/storage/schema.ts
index 7430532a96..19c31834bb 100644
--- a/src/storage/schema.ts
+++ b/src/storage/schema.ts
@@ -11,6 +11,7 @@ export type Device = {
   trendingBetaEnabled: boolean
   devMode: boolean
   demoMode: boolean
+  activitySubscriptionsNudged?: boolean
 }
 
 export type Account = {