diff --git a/src/screens/Messages/components/MessageInput.tsx b/src/screens/Messages/components/MessageInput.tsx index 407a1ca2c..fd4f1eef6 100644 --- a/src/screens/Messages/components/MessageInput.tsx +++ b/src/screens/Messages/components/MessageInput.tsx @@ -146,7 +146,7 @@ export function MessageInput({ padding: a.p_sm.padding - 2, paddingLeft: a.p_md.padding - 2, borderWidth: 1, - borderRadius: 23, + borderRadius: enableSquareButtons ? 11 : 23, borderColor: 'transparent', }, isFocused && inputStyles.chromeFocus, diff --git a/src/screens/Messages/components/MessageInput.web.tsx b/src/screens/Messages/components/MessageInput.web.tsx index d2cd35195..54f9874ce 100644 --- a/src/screens/Messages/components/MessageInput.web.tsx +++ b/src/screens/Messages/components/MessageInput.web.tsx @@ -147,7 +147,7 @@ export function MessageInput({ paddingRight: a.p_sm.padding - 2, paddingLeft: a.p_sm.padding - 2, borderWidth: 1, - borderRadius: 23, + borderRadius: enableSquareButtons ? 11 : 23, borderColor: 'transparent', height: textAreaHeight + 23, }, diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx index 4332cd319..94a0cde97 100644 --- a/src/view/com/util/UserAvatar.tsx +++ b/src/view/com/util/UserAvatar.tsx @@ -106,6 +106,8 @@ let DefaultAvatar = ({ const finalShape = overrideShape ?? (type === 'user' ? 'circle' : 'square') const t = useTheme() + const enableSquareAvatars = useEnableSquareAvatars() + const aviStyle = useMemo(() => { if (finalShape === 'square') { return {borderRadius: size > 32 ? 8 : 3, overflow: 'hidden'} as const @@ -191,7 +193,6 @@ let DefaultAvatar = ({ ) } - // TODO: shape=square return ( - + {enableSquareAvatars ? ( + + ) : ( + + )} @@ -272,10 +275,10 @@ export function BottomBar({navigation}: BottomTabBarProps) { styles.ctrlIcon, pal.text, styles.profileIcon, - styles.onProfile, + enableSquareAvatars ? styles.onProfileSquare : styles.onProfile, { borderColor: pal.text.color, - borderWidth: live ? 0 : 1, + borderWidth: live ? 0 : enableSquareAvatars ? 1.5 : 1, }, ]}>