From 8097b268a20fc80b6f707cde36caf5fab25a8c50 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Tue, 18 Jun 2024 13:59:58 -0700
Subject: [PATCH] fix merge error

---
 src/components/StarterPack/NewskieDialog.tsx | 103 +++++++++----------
 1 file changed, 50 insertions(+), 53 deletions(-)

diff --git a/src/components/StarterPack/NewskieDialog.tsx b/src/components/StarterPack/NewskieDialog.tsx
index 4f85ecd234..0354bfc432 100644
--- a/src/components/StarterPack/NewskieDialog.tsx
+++ b/src/components/StarterPack/NewskieDialog.tsx
@@ -1,88 +1,85 @@
 import React from 'react'
-import {Pressable, View} from 'react-native'
-import {AppBskyActorDefs, AppBskyGraphStarterpack} from '@atproto/api'
+import {View} from 'react-native'
+import {AppBskyActorDefs, moderateProfile} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
+import {differenceInSeconds} from 'date-fns'
 
+import {useGetTimeAgo} from '#/lib/hooks/useTimeAgo'
+import {useModerationOpts} from '#/state/preferences/moderation-opts'
 import {HITSLOP_10} from 'lib/constants'
-import {useTimeAgo} from 'lib/hooks/useTimeAgo'
-import {isNative} from 'platform/detection'
-import {useSession} from 'state/session'
-import {atoms as a, useTheme} from '#/alf'
+import {sanitizeDisplayName} from 'lib/strings/display-names'
+import {atoms as a} from '#/alf'
+import {Button} from '#/components/Button'
 import * as Dialog from '#/components/Dialog'
 import {useDialogControl} from '#/components/Dialog'
 import {Newskie} from '#/components/icons/Newskie'
-import {Default as StarterPackCard} from '#/components/StarterPack/StarterPackCard'
 import {Text} from '#/components/Typography'
 
 export function NewskieDialog({
   profile,
+  disabled,
 }: {
   profile: AppBskyActorDefs.ProfileViewDetailed
+  disabled?: boolean
 }) {
   const {_} = useLingui()
-  const {currentAccount} = useSession()
-  const t = useTheme()
+  const moderationOpts = useModerationOpts()
   const control = useDialogControl()
-  const {joinedViaStarterPack} = profile
-  const profileName = profile.displayName || `@${profile.handle}`
-  const createdAt = profile.createdAt ?? 0
-  const timeAgo = useTimeAgo(createdAt, {format: 'long'})
+  const profileName = React.useMemo(() => {
+    const name = profile.displayName || profile.handle
+    if (!moderationOpts) return name
+    const moderation = moderateProfile(profile, moderationOpts)
+    return sanitizeDisplayName(name, moderation.ui('displayName'))
+  }, [moderationOpts, profile])
+  const [now] = React.useState(() => Date.now())
+  const timeAgo = useGetTimeAgo()
+  const createdAt = profile.createdAt as string | undefined
+  const daysOld = React.useMemo(() => {
+    if (!createdAt) return Infinity
+    return differenceInSeconds(now, new Date(createdAt)) / 86400
+  }, [createdAt, now])
+
+  if (!createdAt || daysOld > 7) return null
 
   return (
-    <>
-      <Pressable
-        accessibilityRole="button"
-        accessibilityLabel={_(msg`Open new user info dialog`)}
-        accessibilityHint={_(
-          msg`Opens a dialog with information about the new user`,
+    <View style={[a.pr_2xs]}>
+      <Button
+        disabled={disabled}
+        label={_(
+          msg`This user is new here. Press for more info about when they joined.`,
         )}
         hitSlop={HITSLOP_10}
         onPress={control.open}>
-        <Newskie size={22} />
-      </Pressable>
+        {({hovered, pressed}) => (
+          <Newskie
+            size="lg"
+            fill="#FFC404"
+            style={{
+              opacity: hovered || pressed ? 0.5 : 1,
+            }}
+          />
+        )}
+      </Button>
 
       <Dialog.Outer control={control}>
         <Dialog.Handle />
-        <Dialog.ScrollableInner label={_(msg`New user info dialog`)}>
-          <View style={[a.gap_md, isNative && {marginBottom: 40}]}>
+        <Dialog.ScrollableInner
+          label={_(msg`New user info dialog`)}
+          style={[{width: 'auto', maxWidth: 400, minWidth: 200}]}>
+          <View style={[a.gap_sm]}>
             <Text style={[a.font_bold, a.text_xl]}>
               <Trans>Say hello!</Trans>
             </Text>
             <Text style={[a.text_md]}>
-              {AppBskyGraphStarterpack.isRecord(
-                joinedViaStarterPack?.record,
-              ) ? (
-                <Trans>
-                  {profileName} joined Bluesky {timeAgo} ago with{' '}
-                  {joinedViaStarterPack?.creator.did === currentAccount?.did
-                    ? 'your'
-                    : `${joinedViaStarterPack?.creator.displayName}'s` ||
-                      `@${joinedViaStarterPack?.creator.handle}'s`}{' '}
-                  starter pack.
-                </Trans>
-              ) : (
-                <Trans>
-                  <Text style={[a.font_bold, a.text_md]}>{profileName}</Text>{' '}
-                  recently joined Bluesky {timeAgo} ago
-                </Trans>
-              )}
+              <Trans>
+                {profileName} joined Bluesky{' '}
+                {timeAgo(createdAt, now, {format: 'long'})} ago
+              </Trans>
             </Text>
-            {joinedViaStarterPack && (
-              <View
-                style={[
-                  a.border,
-                  a.rounded_sm,
-                  t.atoms.border_contrast_low,
-                  a.px_sm,
-                  a.py_md,
-                ]}>
-                <StarterPackCard starterPack={joinedViaStarterPack} />
-              </View>
-            )}
           </View>
         </Dialog.ScrollableInner>
       </Dialog.Outer>
-    </>
+    </View>
   )
 }