Finish the upvote/downvote implementation

1 files changed, 26 insertions, 0 deletions

diff --git a/src/view/screens/PostDownvotedBy.tsx b/src/view/screens/PostDownvotedBy.tsx
new file mode 100644
index 000000000..a77476834
--- /dev/null
+++ b/src/view/screens/PostDownvotedBy.tsx
@@ -0,0 +1,26 @@
+import React, {useEffect} from 'react'
+import {View} from 'react-native'
+import {ViewHeader} from '../com/util/ViewHeader'
+import {PostVotedBy as PostLikedByComponent} from '../com/post-thread/PostVotedBy'
+import {ScreenParams} from '../routes'
+import {useStores} from '../../state'
+import {makeRecordUri} from '../lib/strings'
+
+export const PostDownvotedBy = ({visible, params}: ScreenParams) => {
+  const store = useStores()
+  const {name, rkey} = params
+  const uri = makeRecordUri(name, 'app.bsky.feed.post', rkey)
+
+  useEffect(() => {
+    if (visible) {
+      store.nav.setTitle('Downvoted by')
+    }
+  }, [store, visible])
+
+  return (
+    <View>
+      <ViewHeader title="Downvoted by" />
+      <PostLikedByComponent uri={uri} direction="down" />
+    </View>
+  )
+}