Bluesky app fork with some witchin' additions ๐Ÿ’ซ witchsky.app
bluesky fork client

feat: mutuals pill/button from catsky.social #4

closed opened by vielle.dev targeting main
Labels

None yet.

assignee

None yet.

Participants 2
AT URI
at://did:plc:4zht3z4caxwrw3dlsybodywc/sh.tangled.repo.pull/3m6rnp27gky22
+32 -2
Diff #3
+27
src/components/Pills.tsx
··· 180 </View> 181 ) 182 }
··· 180 </View> 181 ) 182 } 183 + 184 + export function Mutuals({size = 'sm'}: CommonProps) { 185 + const t = useTheme() 186 + 187 + const variantStyles = React.useMemo(() => { 188 + switch (size) { 189 + case 'sm': 190 + case 'lg': 191 + default: 192 + return [ 193 + { 194 + paddingHorizontal: 6, 195 + paddingVertical: 3, 196 + borderRadius: 4, 197 + }, 198 + ] 199 + } 200 + }, [size]) 201 + 202 + return ( 203 + <View style={[variantStyles, a.justify_center, t.atoms.bg_contrast_25]}> 204 + <Text style={[a.text_xs, a.leading_tight]}> 205 + <Trans>Mutuals</Trans> 206 + </Text> 207 + </View> 208 + ) 209 + }
+2 -1
src/components/ProfileCard.tsx
··· 625 const moderation = moderateProfile(profile, moderationOpts) 626 const modui = moderation.ui('profileList') 627 const followedBy = profile.viewer?.followedBy 628 629 if (!followedBy && !modui.inform && !modui.alert) { 630 return null ··· 632 633 return ( 634 <Pills.Row style={[a.pt_xs]}> 635 - {followedBy && <Pills.FollowsYou />} 636 {modui.alerts.map(alert => ( 637 <Pills.Label key={getModerationCauseKey(alert)} cause={alert} /> 638 ))}
··· 625 const moderation = moderateProfile(profile, moderationOpts) 626 const modui = moderation.ui('profileList') 627 const followedBy = profile.viewer?.followedBy 628 + const following = profile.viewer?.following 629 630 if (!followedBy && !modui.inform && !modui.alert) { 631 return null ··· 633 634 return ( 635 <Pills.Row style={[a.pt_xs]}> 636 + {followedBy && (following ? <Pills.Mutuals /> : <Pills.FollowsYou />)} 637 {modui.alerts.map(alert => ( 638 <Pills.Label key={getModerationCauseKey(alert)} cause={alert} /> 639 ))}
+3 -1
src/screens/Profile/Header/Handle.tsx
··· 39 {profile.viewer?.followedBy && !blockHide ? ( 40 <View style={[t.atoms.bg_contrast_50, a.rounded_xs, a.px_sm, a.py_xs]}> 41 <Text style={[t.atoms.text, a.text_sm]}> 42 - <Trans>Follows you</Trans> 43 </Text> 44 </View> 45 ) : undefined}
··· 39 {profile.viewer?.followedBy && !blockHide ? ( 40 <View style={[t.atoms.bg_contrast_50, a.rounded_xs, a.px_sm, a.py_xs]}> 41 <Text style={[t.atoms.text, a.text_sm]}> 42 + <Trans> 43 + {profile.viewer?.following ? 'Mutuals' : 'Follows you'} 44 + </Trans> 45 </Text> 46 </View> 47 ) : undefined}

History

4 rounds 3 comments
sign up or login to add to the discussion
1 commit
expand
6a0c100b
feat: mutuals pill
expand 2 comments

finally lol

I'm going to push a commit that puts 'Mutuals' in place of the Following button instead, and just remove the "Follows you" pill from the labels section altogether. But thanks for submitting the PR!!

closed without merging
1 commit
expand
365e9da5
feat: mutuals pill
expand 0 comments
1 commit
expand
365e9da5
feat: mutuals pill
expand 0 comments
1 commit
expand
ba43552d
fix(web): actually serve the manifest and pwa files when running go server
expand 1 comment

wait thats the wrong patch ๐Ÿ’€