From a3334a01a221877d3e06e02f960fda441f3460bd Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Fri, 31 Mar 2023 13:17:26 -0500
Subject: Lex refactor (#362)

* Remove the hackcheck for upgrades

* Rename the PostEmbeds folder to match the codebase style

* Updates to latest lex refactor

* Update to use new bsky agent

* Update to use api package's richtext library

* Switch to upsertProfile

* Add TextEncoder/TextDecoder polyfill

* Add Intl.Segmenter polyfill

* Update composer to calculate lengths by grapheme

* Fix detox

* Fix login in e2e

* Create account e2e passing

* Implement an e2e mocking framework

* Don't use private methods on mobx models as mobx can't track them

* Add tooling for e2e-specific builds and add e2e media-picker mock

* Add some tests and fix some bugs around profile editing

* Add shell tests

* Add home screen tests

* Add thread screen tests

* Add tests for other user profile screens

* Add search screen tests

* Implement profile imagery change tools and tests

* Update to new embed behaviors

* Add post tests

* Fix to profile-screen test

* Fix session resumption

* Update web composer to new api

* 1.11.0

* Fix pagination cursor parameters

* Add quote posts to notifications

* Fix embed layouts

* Remove youtube inline player and improve tap handling on link cards

* Reset minimal shell mode on all screen loads and feed swipes (close #299)

* Update podfile.lock

* Improve post notfound UI (close #366)

* Bump atproto packages
---
 src/view/com/post-thread/PostLikedBy.tsx | 92 ++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)
 create mode 100644 src/view/com/post-thread/PostLikedBy.tsx

(limited to 'src/view/com/post-thread/PostLikedBy.tsx')

diff --git a/src/view/com/post-thread/PostLikedBy.tsx b/src/view/com/post-thread/PostLikedBy.tsx
new file mode 100644
index 000000000..9fb46702e
--- /dev/null
+++ b/src/view/com/post-thread/PostLikedBy.tsx
@@ -0,0 +1,92 @@
+import React, {useEffect} from 'react'
+import {observer} from 'mobx-react-lite'
+import {ActivityIndicator, RefreshControl, StyleSheet, View} from 'react-native'
+import {CenteredView, FlatList} from '../util/Views'
+import {LikesViewModel, LikeItem} from 'state/models/likes-view'
+import {ErrorMessage} from '../util/error/ErrorMessage'
+import {ProfileCardWithFollowBtn} from '../profile/ProfileCard'
+import {useStores} from 'state/index'
+import {usePalette} from 'lib/hooks/usePalette'
+
+export const PostLikedBy = observer(function PostVotedBy({uri}: {uri: string}) {
+  const pal = usePalette('default')
+  const store = useStores()
+  const view = React.useMemo(
+    () => new LikesViewModel(store, {uri}),
+    [store, uri],
+  )
+
+  useEffect(() => {
+    view.loadMore().catch(err => store.log.error('Failed to fetch votes', err))
+  }, [view, store.log])
+
+  const onRefresh = () => {
+    view.refresh()
+  }
+  const onEndReached = () => {
+    view
+      .loadMore()
+      .catch(err => view?.rootStore.log.error('Failed to load more votes', err))
+  }
+
+  if (!view.hasLoaded) {
+    return (
+      <CenteredView>
+        <ActivityIndicator />
+      </CenteredView>
+    )
+  }
+
+  // error
+  // =
+  if (view.hasError) {
+    return (
+      <CenteredView>
+        <ErrorMessage message={view.error} onPressTryAgain={onRefresh} />
+      </CenteredView>
+    )
+  }
+
+  // loaded
+  // =
+  const renderItem = ({item}: {item: LikeItem}) => (
+    <ProfileCardWithFollowBtn
+      key={item.actor.did}
+      did={item.actor.did}
+      handle={item.actor.handle}
+      displayName={item.actor.displayName}
+      avatar={item.actor.avatar}
+      isFollowedBy={!!item.actor.viewer?.followedBy}
+    />
+  )
+  return (
+    <FlatList
+      data={view.likes}
+      keyExtractor={item => item.actor.did}
+      refreshControl={
+        <RefreshControl
+          refreshing={view.isRefreshing}
+          onRefresh={onRefresh}
+          tintColor={pal.colors.text}
+          titleColor={pal.colors.text}
+        />
+      }
+      onEndReached={onEndReached}
+      renderItem={renderItem}
+      initialNumToRender={15}
+      ListFooterComponent={() => (
+        <View style={styles.footer}>
+          {view.isLoading && <ActivityIndicator />}
+        </View>
+      )}
+      extraData={view.isLoading}
+    />
+  )
+})
+
+const styles = StyleSheet.create({
+  footer: {
+    height: 200,
+    paddingTop: 20,
+  },
+})
-- 
cgit 1.4.1

