acetheking987/bsky-social-app
1
0
Fork 0
Code Issues Actions Packages Projects Releases 1 Wiki Activity

sticky headers

Browse Source
This commit is contained in:
Samuel Newman
2024-12-04 16:30:21 +00:00
parent 8a21350472
commit bd61b94e5a
14 changed files with 126 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/screens/Settings/AboutSettings.tsx
+9 -9
View File
@@ -21,16 +21,16 @@ export function AboutSettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>About</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>About</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.LinkItem <SettingsList.LinkItem
to="https://bsky.social/about/support/tos" to="https://bsky.social/about/support/tos"
src/screens/Settings/AccessibilitySettings.tsx
+9 -9
View File
@@ -39,16 +39,16 @@ export function AccessibilitySettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Accessibility</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Accessibility</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Group contentContainerStyle={[a.gap_sm]}> <SettingsList.Group contentContainerStyle={[a.gap_sm]}>
<SettingsList.ItemIcon icon={AccessibilityIcon} /> <SettingsList.ItemIcon icon={AccessibilityIcon} />
src/screens/Settings/AccountSettings.tsx
+9 -10
View File
@@ -38,17 +38,16 @@ export function AccountSettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Account</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Account</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Item> <SettingsList.Item>
<SettingsList.ItemIcon icon={EnvelopeIcon} /> <SettingsList.ItemIcon icon={EnvelopeIcon} />
src/screens/Settings/AppIconSettings.tsx
+9 -9
View File
@@ -20,17 +20,17 @@ export function AppIconSettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>App Icon</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content <Layout.Content
contentContainerStyle={[a.py_2xl, a.px_xl, {paddingBottom: 100}]}> contentContainerStyle={[a.py_2xl, a.px_xl, {paddingBottom: 100}]}>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>App Icon</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Text style={[a.text_lg, a.font_heavy]}>Defaults</Text> <Text style={[a.text_lg, a.font_heavy]}>Defaults</Text>
<View style={[a.flex_row, a.flex_wrap]}> <View style={[a.flex_row, a.flex_wrap]}>
{sets.defaults.map(icon => ( {sets.defaults.map(icon => (
src/screens/Settings/AppPasswords.tsx
+9 -9
View File
@@ -44,16 +44,16 @@ export function AppPasswordsScreen({}: Props) {
return ( return (
<Layout.Screen testID="AppPasswordsScreen" temp__enableWebBorders> <Layout.Screen testID="AppPasswordsScreen" temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>App Passwords</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>App Passwords</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
{error ? ( {error ? (
<ErrorScreen <ErrorScreen
title={_(msg`Oops!`)} title={_(msg`Oops!`)}
src/screens/Settings/AppearanceSettings.tsx
+9 -9
View File
@@ -79,16 +79,16 @@ export function AppearanceSettingsScreen({}: Props) {
return ( return (
<LayoutAnimationConfig skipExiting skipEntering> <LayoutAnimationConfig skipExiting skipEntering>
<Layout.Screen testID="preferencesThreadsScreen" temp__enableWebBorders> <Layout.Screen testID="preferencesThreadsScreen" temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Appearance</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Appearance</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<AppearanceToggleButtonGroup <AppearanceToggleButtonGroup
title={_(msg`Color mode`)} title={_(msg`Color mode`)}
src/screens/Settings/ContentAndMediaSettings.tsx
+9 -9
View File
@@ -32,16 +32,16 @@ export function ContentAndMediaSettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Content & Media</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Content & Media</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.LinkItem <SettingsList.LinkItem
to="/settings/saved-feeds" to="/settings/saved-feeds"
src/screens/Settings/ExternalMediaPreferences.tsx
+9 -9
View File
@@ -26,16 +26,16 @@ export function ExternalMediaPreferencesScreen({}: Props) {
<Layout.Screen <Layout.Screen
testID="externalMediaPreferencesScreen" testID="externalMediaPreferencesScreen"
temp__enableWebBorders> temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>External Media Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>External Media Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Item> <SettingsList.Item>
<Admonition type="info" style={[a.flex_1]}> <Admonition type="info" style={[a.flex_1]}>
src/screens/Settings/FollowingFeedPreferences.tsx
+9 -9
View File
@@ -48,16 +48,16 @@ export function FollowingFeedPreferencesScreen({}: Props) {
<Layout.Screen <Layout.Screen
testID="followingFeedPreferencesScreen" testID="followingFeedPreferencesScreen"
temp__enableWebBorders> temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Following Feed Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Following Feed Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Item> <SettingsList.Item>
<Admonition type="tip" style={[a.flex_1]}> <Admonition type="tip" style={[a.flex_1]}>
src/screens/Settings/LanguageSettings.tsx
+9 -9
View File
@@ -64,16 +64,16 @@ export function LanguageSettingsScreen({}: Props) {
return ( return (
<Layout.Screen testID="PreferencesLanguagesScreen" temp__enableWebBorders> <Layout.Screen testID="PreferencesLanguagesScreen" temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Languages</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Languages</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Group iconInset={false}> <SettingsList.Group iconInset={false}>
<SettingsList.ItemText> <SettingsList.ItemText>
src/screens/Settings/NotificationSettings.tsx
+9 -9
View File
@@ -33,16 +33,16 @@ export function NotificationSettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Notification Settings</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Notification Settings</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
{isQueryError ? ( {isQueryError ? (
<Error <Error
title={_(msg`Oops!`)} title={_(msg`Oops!`)}
src/screens/Settings/PrivacyAndSecuritySettings.tsx
+9 -9
View File
@@ -29,16 +29,16 @@ export function PrivacyAndSecuritySettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Privacy and Security</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Privacy and Security</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Item> <SettingsList.Item>
<SettingsList.ItemIcon <SettingsList.ItemIcon
src/screens/Settings/Settings.tsx
+9 -10
View File
@@ -73,17 +73,16 @@ export function SettingsScreen({}: Props) {
return ( return (
<Layout.Screen temp__enableWebBorders> <Layout.Screen temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Settings</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Settings</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<View <View
style={[ style={[
src/screens/Settings/ThreadPreferences.tsx
+9 -10
View File
@@ -38,17 +38,16 @@ export function ThreadPreferencesScreen({}: Props) {
return ( return (
<Layout.Screen testID="threadPreferencesScreen" temp__enableWebBorders> <Layout.Screen testID="threadPreferencesScreen" temp__enableWebBorders>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Thread Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<Layout.Content> <Layout.Content>
<Layout.Header.Outer>
<Layout.Header.BackButton />
<Layout.Header.Content>
<Layout.Header.TitleText>
<Trans>Thread Preferences</Trans>
</Layout.Header.TitleText>
</Layout.Header.Content>
<Layout.Header.Slot />
</Layout.Header.Outer>
<SettingsList.Container> <SettingsList.Container>
<SettingsList.Group> <SettingsList.Group>
<SettingsList.ItemIcon icon={BubblesIcon} /> <SettingsList.ItemIcon icon={BubblesIcon} />