Bluesky app fork with some witchin' additions 💫
witchsky.app
bluesky
fork
client
fix edit profile avatar and edit image screen not being square
+7
-2
+4
-1
src/screens/Profile/Header/EditProfileDialog.tsx
+4
-1
src/screens/Profile/Header/EditProfileDialog.tsx
···
9
9
import {useWarnMaxGraphemeCount} from '#/lib/strings/helpers'
10
10
import {logger} from '#/logger'
11
11
import {type ImageMeta} from '#/state/gallery'
12
+
import {useEnableSquareAvatars} from '#/state/preferences/enable-square-avatars'
12
13
import {useProfileUpdateMutation} from '#/state/queries/profile'
13
14
import {ErrorMessage} from '#/view/com/util/error/ErrorMessage'
14
15
import * as Toast from '#/view/com/util/Toast'
···
132
133
description !== initialDescription ||
133
134
userAvatar !== profile.avatar ||
134
135
userBanner !== profile.banner
136
+
137
+
const enableSquareAvatars = useEnableSquareAvatars()
135
138
136
139
useEffect(() => {
137
140
setDirty(dirty)
···
286
289
width: 84,
287
290
height: 84,
288
291
borderWidth: 2,
289
-
borderRadius: 42,
292
+
borderRadius: enableSquareAvatars ? 11 : 42,
290
293
borderColor: t.atoms.bg.backgroundColor,
291
294
},
292
295
]}>
+3
-1
src/view/com/util/UserAvatar.tsx
+3
-1
src/view/com/util/UserAvatar.tsx
···
365
365
const sheetWrapper = useSheetWrapper()
366
366
const highQualityImages = useHighQualityImages()
367
367
368
-
const circular = type !== 'algo' && type !== 'list'
368
+
const enableSquareAvatars = useEnableSquareAvatars()
369
+
370
+
const circular = type !== 'algo' && type !== 'list' && !enableSquareAvatars
369
371
370
372
const aviStyle = useMemo(() => {
371
373
if (!circular) {