Merge upstream develop

Author: github-actions[bot]

Cargo.lock

@@ -102,6 +102,7 @@ function NativeList<T>({
         onScroll={onScroll}
         scrollEventThrottle={16}
         contentContainerStyle={{
+          ...Atoms.flex_grow_1,
           paddingTop: headerHeight,
           ...(typeof contentContainerStyle === 'object' &&
           contentContainerStyle !== null
@@ -190,7 +191,7 @@ function WebFeedViewer<T>({
   const visibleItems = isEmpty ? items : items.slice(0, visibleCount);
 
   return (
-    <View style={contentContainerStyle}>
+    <View style={[Atoms.flex_1, contentContainerStyle]}>
       {renderNode(HeaderComponent)}
       {renderNode(ListHeaderComponent)}
       {isEmpty

apps/polycentric/src/common/components/List.tsx

@@ -0,0 +1,25 @@
+import { Atoms } from '@/src/common/theme';
+import { type ReactNode } from 'react';
+import { View } from 'react-native';
+import { Text } from './primitives';
+
+export function ListEmpty({ children }: { children: ReactNode }) {
+  return (
+    <View
+      style={[
+        Atoms.flex_1,
+        Atoms.items_center,
+        Atoms.justify_center,
+        Atoms.p_lg,
+      ]}
+    >
+      {typeof children === 'string' ? (
+        <Text variant="body" color="neutral_500">
+          {children}
+        </Text>
+      ) : (
+        children
+      )}
+    </View>
+  );
+}

apps/polycentric/src/common/components/ListEmpty.tsx

@@ -9,7 +9,7 @@ import {
 import type { FeedHookResult } from './hooks/types';
 import type { PostData } from '@/src/common/lib/polycentric-hooks';
 import { isWeb } from '@/src/common/util/platform';
-import { Text } from '@/src/common/components/primitives';
+import { ListEmpty } from '@/src/common/components/ListEmpty';
 import { Atoms, useTheme } from '@/src/common/theme';
 import { Post } from '../post/Post';
 import { PostSkeletonList } from '../post/PostSkeleton';
@@ -51,16 +51,7 @@ const FeedList = forwardRef<ListRef, FeedListProps>(function FeedList(
         feed.isLoading ? (
           <PostSkeletonList />
         ) : (
-          <View
-            style={[
-              Atoms.flex_1,
-              Atoms.items_center,
-              Atoms.justify_center,
-              Atoms.p_lg,
-            ]}
-          >
-            <Text color="neutral_500">{emptyMessage}</Text>
-          </View>
+          <ListEmpty>{emptyMessage}</ListEmpty>
         )
       }
       ListFooterComponent={

apps/polycentric/src/features/feed/FeedList.tsx

@@ -2,7 +2,7 @@ import { Button, Text } from '@/src/common/components';
 import { Sheet } from '@/src/common/components/sheet';
 import { POLYCENTRIC_APP_URL } from '@/src/common/constants/app';
 import { Atoms, useTheme } from '@/src/common/theme';
-import { Platform, Share, View } from 'react-native';
+import { Platform, Share } from 'react-native';
 import { CopyLinkComponent } from './CopyLinkComponent';
 
 // Native gets the OS share sheet; web only if the browser supports navigator.share.
@@ -38,11 +38,14 @@ export function RequestVerificationSheet({
   };
 
   return (
-    <Sheet open={open} onClose={onClose}>
-      <View style={[Atoms.p_lg, Atoms.gap_md]}>
-        <Text variant="title" style={theme.atoms.text}>
-          Request verification
-        </Text>
+    <Sheet
+      open={open}
+      onClose={onClose}
+      detents={[0.5]}
+      scrollable
+      header={<Sheet.Header title="Request verification" onClose={onClose} />}
+    >
+      <Sheet.Content style={Atoms.gap_md}>
         <Text variant="body" style={theme.atoms.text_neutral_medium}>
           Share this link to request verification of your claim.
         </Text>
@@ -57,7 +60,7 @@ export function RequestVerificationSheet({
             onPress={onShare}
           />
         )}
-      </View>
+      </Sheet.Content>
     </Sheet>
   );
 }