Early demo of #638

Actions are not working yet

src/components/Timeline/Default.tsx

@@ -37,6 +37,7 @@ export interface Props {
   disableDetails?: boolean
   disableOnPress?: boolean
   isConversation?: boolean
+  isRemote?: boolean
 }
 
 // When the poll is long
@@ -47,7 +48,8 @@ const TimelineDefault: React.FC<Props> = ({
   highlighted = false,
   disableDetails = false,
   disableOnPress = false,
-  isConversation = false
+  isConversation = false,
+  isRemote = false
 }) => {
   const status = item.reblog ? item.reblog : item
   const rawContent = useRef<string[]>([])
@@ -175,7 +177,8 @@ const TimelineDefault: React.FC<Props> = ({
         inThread: queryKey?.[1].page === 'Toot',
         disableDetails,
         disableOnPress,
-        isConversation
+        isConversation,
+        isRemote
       }}
     >
       {disableOnPress ? (

src/components/Timeline/Shared/Context.tsx

@@ -21,6 +21,7 @@ type StatusContextType = {
   disableDetails?: boolean
   disableOnPress?: boolean
   isConversation?: boolean
+  isRemote?: boolean
 }
 const StatusContext = createContext<StatusContextType>({} as StatusContextType)
 

src/components/Timeline/Shared/HeaderDefault.tsx

@@ -17,7 +17,7 @@ import HeaderSharedReplies from './HeaderShared/Replies'
 import HeaderSharedVisibility from './HeaderShared/Visibility'
 
 const TimelineHeaderDefault: React.FC = () => {
-  const { queryKey, rootQueryKey, status, highlighted, disableDetails, rawContent } =
+  const { queryKey, rootQueryKey, status, highlighted, disableDetails, rawContent, isRemote } =
     useContext(StatusContext)
   if (!status) return null
 
@@ -58,6 +58,14 @@ const TimelineHeaderDefault: React.FC = () => {
               : { marginTop: StyleConstants.Spacing.XS, marginBottom: StyleConstants.Spacing.S })
           }}
         >
+          {isRemote ? (
+            <Icon
+              name='Wifi'
+              size={StyleConstants.Font.Size.M}
+              color={colors.secondary}
+              style={{ marginRight: StyleConstants.Spacing.S }}
+            />
+          ) : null}
           <HeaderSharedCreated
             created_at={status.created_at}
             edited_at={status.edited_at}