Finish the upvote/downvote implementation

src/state/lib/api.ts

@@ -50,21 +50,45 @@ export async function post(
   )
 }
 
-export async function like(store: RootStoreModel, uri: string, cid: string) {
-  return await store.api.app.bsky.feed.like.create(
+export async function upvote(store: RootStoreModel, uri: string, cid: string) {
+  return await store.api.app.bsky.feed.vote.create(
     {did: store.me.did || ''},
     {
       subject: {uri, cid},
+      direction: 'up',
       createdAt: new Date().toISOString(),
     },
   )
 }
 
-export async function unlike(store: RootStoreModel, likeUri: string) {
-  const likeUrip = new AtUri(likeUri)
-  return await store.api.app.bsky.feed.like.delete({
-    did: likeUrip.hostname,
-    rkey: likeUrip.rkey,
+export async function unupvote(store: RootStoreModel, upvoteUri: string) {
+  const urip = new AtUri(upvoteUri)
+  return await store.api.app.bsky.feed.vote.delete({
+    did: urip.hostname,
+    rkey: urip.rkey,
+  })
+}
+
+export async function downvote(
+  store: RootStoreModel,
+  uri: string,
+  cid: string,
+) {
+  return await store.api.app.bsky.feed.vote.create(
+    {did: store.me.did || ''},
+    {
+      subject: {uri, cid},
+      direction: 'down',
+      createdAt: new Date().toISOString(),
+    },
+  )
+}
+
+export async function undownvote(store: RootStoreModel, downvoteUri: string) {
+  const urip = new AtUri(downvoteUri)
+  return await store.api.app.bsky.feed.vote.delete({
+    did: urip.hostname,
+    rkey: urip.rkey,
   })
 }
 

src/state/models/feed-view.ts

@@ -6,7 +6,8 @@ import * as apilib from '../lib/api'
 
 export class FeedItemMyStateModel {
   repost?: string
-  like?: string
+  upvote?: string
+  downvote?: string
 
   constructor() {
     makeAutoObservable(this)
@@ -29,7 +30,8 @@ export class FeedItemModel implements GetTimeline.FeedItem {
     | GetTimeline.UnknownEmbed
   replyCount: number = 0
   repostCount: number = 0
-  likeCount: number = 0
+  upvoteCount: number = 0
+  downvoteCount: number = 0
   indexedAt: string = ''
   myState = new FeedItemMyStateModel()
 
@@ -52,26 +54,53 @@ export class FeedItemModel implements GetTimeline.FeedItem {
     this.embed = v.embed
     this.replyCount = v.replyCount
     this.repostCount = v.repostCount
-    this.likeCount = v.likeCount
+    this.upvoteCount = v.upvoteCount
+    this.downvoteCount = v.downvoteCount
     this.indexedAt = v.indexedAt
     if (v.myState) {
-      this.myState.like = v.myState.like
+      this.myState.upvote = v.myState.upvote
+      this.myState.downvote = v.myState.downvote
       this.myState.repost = v.myState.repost
     }
   }
 
-  async toggleLike() {
-    if (this.myState.like) {
-      await apilib.unlike(this.rootStore, this.myState.like)
+  async _clearVotes() {
+    if (this.myState.upvote) {
+      await apilib.unupvote(this.rootStore, this.myState.upvote)
       runInAction(() => {
-        this.likeCount--
-        this.myState.like = undefined
+        this.upvoteCount--
+        this.myState.upvote = undefined
       })
-    } else {
-      const res = await apilib.like(this.rootStore, this.uri, this.cid)
+    }
+    if (this.myState.downvote) {
+      await apilib.undownvote(this.rootStore, this.myState.downvote)
       runInAction(() => {
-        this.likeCount++
-        this.myState.like = res.uri
+        this.downvoteCount--
+        this.myState.downvote = undefined
+      })
+    }
+  }
+
+  async toggleUpvote() {
+    const wasntUpvoted = !this.myState.upvote
+    await this._clearVotes()
+    if (wasntUpvoted) {
+      const res = await apilib.upvote(this.rootStore, this.uri, this.cid)
+      runInAction(() => {
+        this.upvoteCount++
+        this.myState.upvote = res.uri
+      })
+    }
+  }
+
+  async toggleDownvote() {
+    const wasntDownvoted = !this.myState.downvote
+    await this._clearVotes()
+    if (wasntDownvoted) {
+      const res = await apilib.downvote(this.rootStore, this.uri, this.cid)
+      runInAction(() => {
+        this.downvoteCount++
+        this.myState.downvote = res.uri
       })
     }
   }

src/state/models/me.ts

@@ -26,7 +26,7 @@ export class MeModel {
       this.did = sess.data.did || ''
       this.handle = sess.data.handle
       const profile = await this.rootStore.api.app.bsky.actor.getProfile({
-        user: this.did,
+        actor: this.did,
       })
       runInAction(() => {
         if (profile?.data) {

src/state/models/notifications-view.ts

@@ -57,8 +57,8 @@ export class NotificationsViewItemModel implements GroupedNotification {
     }
   }
 
-  get isLike() {
-    return this.reason === 'like'
+  get isUpvote() {
+    return this.reason === 'vote'
   }
 
   get isRepost() {

src/state/models/post-thread-view.ts

@@ -13,8 +13,9 @@ function* reactKeyGenerator(): Generator<string> {
 }
 
 export class PostThreadViewPostMyStateModel {
-  like?: string
   repost?: string
+  upvote?: string
+  downvote?: string
 
   constructor() {
     makeAutoObservable(this)
@@ -40,7 +41,8 @@ export class PostThreadViewPostModel implements GetPostThread.Post {
   replyCount: number = 0
   replies?: PostThreadViewPostModel[]
   repostCount: number = 0
-  likeCount: number = 0
+  upvoteCount: number = 0
+  downvoteCount: number = 0
   indexedAt: string = ''
   myState = new PostThreadViewPostMyStateModel()
 
@@ -105,18 +107,43 @@ export class PostThreadViewPostModel implements GetPostThread.Post {
     }
   }
 
-  async toggleLike() {
-    if (this.myState.like) {
-      await apilib.unlike(this.rootStore, this.myState.like)
+  async _clearVotes() {
+    if (this.myState.upvote) {
+      await apilib.unupvote(this.rootStore, this.myState.upvote)
       runInAction(() => {
-        this.likeCount--
-        this.myState.like = undefined
+        this.upvoteCount--
+        this.myState.upvote = undefined
       })
-    } else {
-      const res = await apilib.like(this.rootStore, this.uri, this.cid)
+    }
+    if (this.myState.downvote) {
+      await apilib.undownvote(this.rootStore, this.myState.downvote)
       runInAction(() => {
-        this.likeCount++
-        this.myState.like = res.uri
+        this.downvoteCount--
+        this.myState.downvote = undefined
+      })
+    }
+  }
+
+  async toggleUpvote() {
+    const wasntUpvoted = !this.myState.upvote
+    await this._clearVotes()
+    if (wasntUpvoted) {
+      const res = await apilib.upvote(this.rootStore, this.uri, this.cid)
+      runInAction(() => {
+        this.upvoteCount++
+        this.myState.upvote = res.uri
+      })
+    }
+  }
+
+  async toggleDownvote() {
+    const wasntDownvoted = !this.myState.downvote
+    await this._clearVotes()
+    if (wasntDownvoted) {
+      const res = await apilib.downvote(this.rootStore, this.uri, this.cid)
+      runInAction(() => {
+        this.downvoteCount++
+        this.myState.downvote = res.uri
       })
     }
   }

src/state/models/profile-ui.ts

@@ -37,7 +37,7 @@ export class ProfileUiModel {
       },
       {autoBind: true},
     )
-    this.profile = new ProfileViewModel(rootStore, {user: params.user})
+    this.profile = new ProfileViewModel(rootStore, {actor: params.user})
     this.feed = new FeedModel(rootStore, 'author', {
       author: params.user,
       limit: 10,

src/state/models/votes-view.ts

@@ -1,45 +1,41 @@
 import {makeAutoObservable, runInAction} from 'mobx'
 import {AtUri} from '../../third-party/uri'
-import * as GetLikedBy from '../../third-party/api/src/client/types/app/bsky/feed/getLikedBy'
+import * as GetVotes from '../../third-party/api/src/client/types/app/bsky/feed/getVotes'
 import {RootStoreModel} from './root-store'
 
-type LikedByItem = GetLikedBy.OutputSchema['likedBy'][number]
+type VoteItem = GetVotes.OutputSchema['votes'][number]
 
-export class LikedByViewItemModel implements LikedByItem {
+export class VotesViewItemModel implements VoteItem {
   // ui state
   _reactKey: string = ''
 
   // data
-  did: string = ''
-  handle: string = ''
-  displayName: string = ''
-  createdAt?: string
+  direction: 'up' | 'down' = 'up'
   indexedAt: string = ''
+  createdAt: string = ''
+  actor: GetVotes.Actor = {did: '', handle: ''}
 
-  constructor(reactKey: string, v: LikedByItem) {
+  constructor(reactKey: string, v: VoteItem) {
     makeAutoObservable(this)
     this._reactKey = reactKey
     Object.assign(this, v)
   }
 }
 
-export class LikedByViewModel {
+export class VotesViewModel {
   // state
   isLoading = false
   isRefreshing = false
   hasLoaded = false
   error = ''
   resolvedUri = ''
-  params: GetLikedBy.QueryParams
+  params: GetVotes.QueryParams
 
   // data
   uri: string = ''
-  likedBy: LikedByViewItemModel[] = []
+  votes: VotesViewItemModel[] = []
 
-  constructor(
-    public rootStore: RootStoreModel,
-    params: GetLikedBy.QueryParams,
-  ) {
+  constructor(public rootStore: RootStoreModel, params: GetVotes.QueryParams) {
     makeAutoObservable(
       this,
       {
@@ -113,7 +109,7 @@ export class LikedByViewModel {
   private async _fetch(isRefreshing = false) {
     this._xLoading(isRefreshing)
     try {
-      const res = await this.rootStore.api.app.bsky.feed.getLikedBy(
+      const res = await this.rootStore.api.app.bsky.feed.getVotes(
         Object.assign({}, this.params, {uri: this.resolvedUri}),
       )
       this._replaceAll(res)
@@ -123,15 +119,15 @@ export class LikedByViewModel {
     }
   }
 
-  private _replaceAll(res: GetLikedBy.Response) {
-    this.likedBy.length = 0
+  private _replaceAll(res: GetVotes.Response) {
+    this.votes.length = 0
     let counter = 0
-    for (const item of res.data.likedBy) {
+    for (const item of res.data.votes) {
       this._append(counter++, item)
     }
   }
 
-  private _append(keyId: number, item: LikedByItem) {
-    this.likedBy.push(new LikedByViewItemModel(`item-${keyId}`, item))
+  private _append(keyId: number, item: VoteItem) {
+    this.votes.push(new VotesViewItemModel(`item-${keyId}`, item))
   }
 }

src/third-party/api/src/client/index.d.ts

@@ -21,25 +21,27 @@ import * as ComAtprotoSessionRefresh from './types/com/atproto/session/refresh';
 import * as ComAtprotoSyncGetRepo from './types/com/atproto/sync/getRepo';
 import * as ComAtprotoSyncGetRoot from './types/com/atproto/sync/getRoot';
 import * as ComAtprotoSyncUpdateRepo from './types/com/atproto/sync/updateRepo';
+import * as AppBskyActorCreateScene from './types/app/bsky/actor/createScene';
 import * as AppBskyActorGetProfile from './types/app/bsky/actor/getProfile';
+import * as AppBskyActorGetSuggestions from './types/app/bsky/actor/getSuggestions';
+import * as AppBskyActorProfile from './types/app/bsky/actor/profile';
 import * as AppBskyActorSearch from './types/app/bsky/actor/search';
 import * as AppBskyActorSearchTypeahead from './types/app/bsky/actor/searchTypeahead';
-import * as AppBskyActorProfile from './types/app/bsky/actor/profile';
 import * as AppBskyActorUpdateProfile from './types/app/bsky/actor/updateProfile';
 import * as AppBskyFeedGetAuthorFeed from './types/app/bsky/feed/getAuthorFeed';
-import * as AppBskyFeedGetLikedBy from './types/app/bsky/feed/getLikedBy';
 import * as AppBskyFeedGetPostThread from './types/app/bsky/feed/getPostThread';
 import * as AppBskyFeedGetRepostedBy from './types/app/bsky/feed/getRepostedBy';
 import * as AppBskyFeedGetTimeline from './types/app/bsky/feed/getTimeline';
-import * as AppBskyFeedLike from './types/app/bsky/feed/like';
+import * as AppBskyFeedGetVotes from './types/app/bsky/feed/getVotes';
 import * as AppBskyFeedMediaEmbed from './types/app/bsky/feed/mediaEmbed';
 import * as AppBskyFeedPost from './types/app/bsky/feed/post';
 import * as AppBskyFeedRepost from './types/app/bsky/feed/repost';
+import * as AppBskyFeedVote from './types/app/bsky/feed/vote';
+import * as AppBskyGraphAssertion from './types/app/bsky/graph/assertion';
+import * as AppBskyGraphConfirmation from './types/app/bsky/graph/confirmation';
 import * as AppBskyGraphFollow from './types/app/bsky/graph/follow';
 import * as AppBskyGraphGetFollowers from './types/app/bsky/graph/getFollowers';
 import * as AppBskyGraphGetFollows from './types/app/bsky/graph/getFollows';
-import * as AppBskyGraphInvite from './types/app/bsky/graph/invite';
-import * as AppBskyGraphInviteAccept from './types/app/bsky/graph/inviteAccept';
 import * as AppBskyNotificationGetCount from './types/app/bsky/notification/getCount';
 import * as AppBskyNotificationList from './types/app/bsky/notification/list';
 import * as AppBskyNotificationUpdateSeen from './types/app/bsky/notification/updateSeen';
@@ -66,29 +68,35 @@ export * as ComAtprotoSessionRefresh from './types/com/atproto/session/refresh';
 export * as ComAtprotoSyncGetRepo from './types/com/atproto/sync/getRepo';
 export * as ComAtprotoSyncGetRoot from './types/com/atproto/sync/getRoot';
 export * as ComAtprotoSyncUpdateRepo from './types/com/atproto/sync/updateRepo';
+export * as AppBskyActorCreateScene from './types/app/bsky/actor/createScene';
 export * as AppBskyActorGetProfile from './types/app/bsky/actor/getProfile';
+export * as AppBskyActorGetSuggestions from './types/app/bsky/actor/getSuggestions';
+export * as AppBskyActorProfile from './types/app/bsky/actor/profile';
 export * as AppBskyActorSearch from './types/app/bsky/actor/search';
 export * as AppBskyActorSearchTypeahead from './types/app/bsky/actor/searchTypeahead';
-export * as AppBskyActorProfile from './types/app/bsky/actor/profile';
 export * as AppBskyActorUpdateProfile from './types/app/bsky/actor/updateProfile';
 export * as AppBskyFeedGetAuthorFeed from './types/app/bsky/feed/getAuthorFeed';
-export * as AppBskyFeedGetLikedBy from './types/app/bsky/feed/getLikedBy';
 export * as AppBskyFeedGetPostThread from './types/app/bsky/feed/getPostThread';
 export * as AppBskyFeedGetRepostedBy from './types/app/bsky/feed/getRepostedBy';
 export * as AppBskyFeedGetTimeline from './types/app/bsky/feed/getTimeline';
-export * as AppBskyFeedLike from './types/app/bsky/feed/like';
+export * as AppBskyFeedGetVotes from './types/app/bsky/feed/getVotes';
 export * as AppBskyFeedMediaEmbed from './types/app/bsky/feed/mediaEmbed';
 export * as AppBskyFeedPost from './types/app/bsky/feed/post';
 export * as AppBskyFeedRepost from './types/app/bsky/feed/repost';
+export * as AppBskyFeedVote from './types/app/bsky/feed/vote';
+export * as AppBskyGraphAssertion from './types/app/bsky/graph/assertion';
+export * as AppBskyGraphConfirmation from './types/app/bsky/graph/confirmation';
 export * as AppBskyGraphFollow from './types/app/bsky/graph/follow';
 export * as AppBskyGraphGetFollowers from './types/app/bsky/graph/getFollowers';
 export * as AppBskyGraphGetFollows from './types/app/bsky/graph/getFollows';
-export * as AppBskyGraphInvite from './types/app/bsky/graph/invite';
-export * as AppBskyGraphInviteAccept from './types/app/bsky/graph/inviteAccept';
 export * as AppBskyNotificationGetCount from './types/app/bsky/notification/getCount';
 export * as AppBskyNotificationList from './types/app/bsky/notification/list';
 export * as AppBskyNotificationUpdateSeen from './types/app/bsky/notification/updateSeen';
 export * as AppBskySystemDeclaration from './types/app/bsky/system/declaration';
+export declare const APP_BSKY_GRAPH: {
+    AssertCreator: string;
+    AssertMember: string;
+};
 export declare const APP_BSKY_SYSTEM: {
     ActorScene: string;
     ActorUser: string;
@@ -187,7 +195,9 @@ export declare class ActorNS {
     _service: ServiceClient;
     profile: ProfileRecord;
     constructor(service: ServiceClient);
+    createScene(data?: AppBskyActorCreateScene.InputSchema, opts?: AppBskyActorCreateScene.CallOptions): Promise<AppBskyActorCreateScene.Response>;
     getProfile(params?: AppBskyActorGetProfile.QueryParams, opts?: AppBskyActorGetProfile.CallOptions): Promise<AppBskyActorGetProfile.Response>;
+    getSuggestions(params?: AppBskyActorGetSuggestions.QueryParams, opts?: AppBskyActorGetSuggestions.CallOptions): Promise<AppBskyActorGetSuggestions.Response>;
     search(params?: AppBskyActorSearch.QueryParams, opts?: AppBskyActorSearch.CallOptions): Promise<AppBskyActorSearch.Response>;
     searchTypeahead(params?: AppBskyActorSearchTypeahead.QueryParams, opts?: AppBskyActorSearchTypeahead.CallOptions): Promise<AppBskyActorSearchTypeahead.Response>;
     updateProfile(data?: AppBskyActorUpdateProfile.InputSchema, opts?: AppBskyActorUpdateProfile.CallOptions): Promise<AppBskyActorUpdateProfile.Response>;
@@ -215,37 +225,16 @@ export declare class ProfileRecord {
 }
 export declare class FeedNS {
     _service: ServiceClient;
-    like: LikeRecord;
     mediaEmbed: MediaEmbedRecord;
     post: PostRecord;
     repost: RepostRecord;
+    vote: VoteRecord;
     constructor(service: ServiceClient);
     getAuthorFeed(params?: AppBskyFeedGetAuthorFeed.QueryParams, opts?: AppBskyFeedGetAuthorFeed.CallOptions): Promise<AppBskyFeedGetAuthorFeed.Response>;
-    getLikedBy(params?: AppBskyFeedGetLikedBy.QueryParams, opts?: AppBskyFeedGetLikedBy.CallOptions): Promise<AppBskyFeedGetLikedBy.Response>;
     getPostThread(params?: AppBskyFeedGetPostThread.QueryParams, opts?: AppBskyFeedGetPostThread.CallOptions): Promise<AppBskyFeedGetPostThread.Response>;
     getRepostedBy(params?: AppBskyFeedGetRepostedBy.QueryParams, opts?: AppBskyFeedGetRepostedBy.CallOptions): Promise<AppBskyFeedGetRepostedBy.Response>;
     getTimeline(params?: AppBskyFeedGetTimeline.QueryParams, opts?: AppBskyFeedGetTimeline.CallOptions): Promise<AppBskyFeedGetTimeline.Response>;
-}
-export declare class LikeRecord {
-    _service: ServiceClient;
-    constructor(service: ServiceClient);
-    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
-        cursor?: string;
-        records: {
-            uri: string;
-            value: AppBskyFeedLike.Record;
-        }[];
-    }>;
-    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
-        uri: string;
-        cid: string;
-        value: AppBskyFeedLike.Record;
-    }>;
-    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyFeedLike.Record, headers?: Record<string, string>): Promise<{
-        uri: string;
-        cid: string;
-    }>;
-    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
+    getVotes(params?: AppBskyFeedGetVotes.QueryParams, opts?: AppBskyFeedGetVotes.CallOptions): Promise<AppBskyFeedGetVotes.Response>;
 }
 export declare class MediaEmbedRecord {
     _service: ServiceClient;
@@ -310,15 +299,78 @@ export declare class RepostRecord {
     }>;
     delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
 }
+export declare class VoteRecord {
+    _service: ServiceClient;
+    constructor(service: ServiceClient);
+    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
+        cursor?: string;
+        records: {
+            uri: string;
+            value: AppBskyFeedVote.Record;
+        }[];
+    }>;
+    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
+        uri: string;
+        cid: string;
+        value: AppBskyFeedVote.Record;
+    }>;
+    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyFeedVote.Record, headers?: Record<string, string>): Promise<{
+        uri: string;
+        cid: string;
+    }>;
+    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
+}
 export declare class GraphNS {
     _service: ServiceClient;
+    assertion: AssertionRecord;
+    confirmation: ConfirmationRecord;
     follow: FollowRecord;
-    invite: InviteRecord;
-    inviteAccept: InviteAcceptRecord;
     constructor(service: ServiceClient);
     getFollowers(params?: AppBskyGraphGetFollowers.QueryParams, opts?: AppBskyGraphGetFollowers.CallOptions): Promise<AppBskyGraphGetFollowers.Response>;
     getFollows(params?: AppBskyGraphGetFollows.QueryParams, opts?: AppBskyGraphGetFollows.CallOptions): Promise<AppBskyGraphGetFollows.Response>;
 }
+export declare class AssertionRecord {
+    _service: ServiceClient;
+    constructor(service: ServiceClient);
+    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
+        cursor?: string;
+        records: {
+            uri: string;
+            value: AppBskyGraphAssertion.Record;
+        }[];
+    }>;
+    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
+        uri: string;
+        cid: string;
+        value: AppBskyGraphAssertion.Record;
+    }>;
+    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyGraphAssertion.Record, headers?: Record<string, string>): Promise<{
+        uri: string;
+        cid: string;
+    }>;
+    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
+}
+export declare class ConfirmationRecord {
+    _service: ServiceClient;
+    constructor(service: ServiceClient);
+    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
+        cursor?: string;
+        records: {
+            uri: string;
+            value: AppBskyGraphConfirmation.Record;
+        }[];
+    }>;
+    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
+        uri: string;
+        cid: string;
+        value: AppBskyGraphConfirmation.Record;
+    }>;
+    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyGraphConfirmation.Record, headers?: Record<string, string>): Promise<{
+        uri: string;
+        cid: string;
+    }>;
+    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
+}
 export declare class FollowRecord {
     _service: ServiceClient;
     constructor(service: ServiceClient);
@@ -340,48 +392,6 @@ export declare class FollowRecord {
     }>;
     delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
 }
-export declare class InviteRecord {
-    _service: ServiceClient;
-    constructor(service: ServiceClient);
-    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
-        cursor?: string;
-        records: {
-            uri: string;
-            value: AppBskyGraphInvite.Record;
-        }[];
-    }>;
-    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
-        uri: string;
-        cid: string;
-        value: AppBskyGraphInvite.Record;
-    }>;
-    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyGraphInvite.Record, headers?: Record<string, string>): Promise<{
-        uri: string;
-        cid: string;
-    }>;
-    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
-}
-export declare class InviteAcceptRecord {
-    _service: ServiceClient;
-    constructor(service: ServiceClient);
-    list(params: Omit<ComAtprotoRepoListRecords.QueryParams, 'collection'>): Promise<{
-        cursor?: string;
-        records: {
-            uri: string;
-            value: AppBskyGraphInviteAccept.Record;
-        }[];
-    }>;
-    get(params: Omit<ComAtprotoRepoGetRecord.QueryParams, 'collection'>): Promise<{
-        uri: string;
-        cid: string;
-        value: AppBskyGraphInviteAccept.Record;
-    }>;
-    create(params: Omit<ComAtprotoRepoCreateRecord.InputSchema, 'collection' | 'record'>, record: AppBskyGraphInviteAccept.Record, headers?: Record<string, string>): Promise<{
-        uri: string;
-        cid: string;
-    }>;
-    delete(params: Omit<ComAtprotoRepoDeleteRecord.QueryParams, 'collection'>, headers?: Record<string, string>): Promise<void>;
-}
 export declare class NotificationNS {
     _service: ServiceClient;
     constructor(service: ServiceClient);

src/third-party/api/src/client/schemas.d.ts

@@ -3,13 +3,13 @@ export declare const methodSchemaDict: Record<string, MethodSchema>;
 export declare const methodSchemas: MethodSchema[];
 export declare const ids: {
     AppBskyActorProfile: string;
-    AppBskyFeedLike: string;
     AppBskyFeedMediaEmbed: string;
     AppBskyFeedPost: string;
     AppBskyFeedRepost: string;
+    AppBskyFeedVote: string;
+    AppBskyGraphAssertion: string;
+    AppBskyGraphConfirmation: string;
     AppBskyGraphFollow: string;
-    AppBskyGraphInvite: string;
-    AppBskyGraphInviteAccept: string;
     AppBskySystemDeclaration: string;
 };
 export declare const recordSchemaDict: Record<string, RecordSchema>;

src/third-party/api/src/client/types/app/bsky/actor/createScene.d.ts

@@ -0,0 +1,29 @@
+import { Headers, XRPCError } from '@atproto/xrpc';
+export interface QueryParams {
+}
+export interface CallOptions {
+    headers?: Headers;
+    qp?: QueryParams;
+    encoding: 'application/json';
+}
+export interface InputSchema {
+    handle: string;
+    recoveryKey?: string;
+}
+export interface OutputSchema {
+    handle: string;
+    did: string;
+    declarationCid: string;
+}
+export interface Response {
+    success: boolean;
+    headers: Headers;
+    data: OutputSchema;
+}
+export declare class InvalidHandleError extends XRPCError {
+    constructor(src: XRPCError);
+}
+export declare class HandleNotAvailableError extends XRPCError {
+    constructor(src: XRPCError);
+}
+export declare function toKnownErr(e: any): any;

src/third-party/api/src/client/types/app/bsky/actor/getProfile.d.ts

@@ -1,18 +1,23 @@
 import { Headers } from '@atproto/xrpc';
 export interface QueryParams {
-    user: string;
+    actor: string;
 }
 export interface CallOptions {
     headers?: Headers;
 }
 export declare type InputSchema = undefined;
+export declare type ActorKnown = 'app.bsky.system.actorUser' | 'app.bsky.system.actorScene';
+export declare type ActorUnknown = string;
 export interface OutputSchema {
     did: string;
     handle: string;
+    actorType: ActorKnown | ActorUnknown;
+    creator: string;
     displayName?: string;
     description?: string;
     followersCount: number;
     followsCount: number;
+    membersCount: number;
     postsCount: number;
     myState?: {
         follow?: string;

src/third-party/api/src/client/types/app/bsky/actor/getSuggestions.d.ts

@@ -0,0 +1,29 @@
+import { Headers } from '@atproto/xrpc';
+export interface QueryParams {
+    limit?: number;
+    cursor?: string;
+}
+export interface CallOptions {
+    headers?: Headers;
+}
+export declare type InputSchema = undefined;
+export interface OutputSchema {
+    cursor?: string;
+    actors: {
+        did: string;
+        handle: string;
+        actorType: string;
+        displayName?: string;
+        description?: string;
+        indexedAt?: string;
+        myState?: {
+            follow?: string;
+        };
+    }[];
+}
+export interface Response {
+    success: boolean;
+    headers: Headers;
+    data: OutputSchema;
+}
+export declare function toKnownErr(e: any): any;

src/third-party/api/src/client/types/app/bsky/feed/getAuthorFeed.d.ts

@@ -21,11 +21,13 @@ export interface FeedItem {
     embed?: RecordEmbed | ExternalEmbed | UnknownEmbed;
     replyCount: number;
     repostCount: number;
-    likeCount: number;
+    upvoteCount: number;
+    downvoteCount: number;
     indexedAt: string;
     myState?: {
         repost?: string;
-        like?: string;
+        upvote?: string;
+        downvote?: string;
     };
 }
 export interface User {

src/third-party/api/src/client/types/app/bsky/feed/getPostThread.d.ts

@@ -19,12 +19,14 @@ export interface Post {
     parent?: Post;
     replyCount: number;
     replies?: Post[];
-    likeCount: number;
     repostCount: number;
+    upvoteCount: number;
+    downvoteCount: number;
     indexedAt: string;
     myState?: {
         repost?: string;
-        like?: string;
+        upvote?: string;
+        downvote?: string;
     };
 }
 export interface User {

src/third-party/api/src/client/types/app/bsky/feed/getTimeline.d.ts

@@ -21,11 +21,13 @@ export interface FeedItem {
     embed?: RecordEmbed | ExternalEmbed | UnknownEmbed;
     replyCount: number;
     repostCount: number;
-    likeCount: number;
+    upvoteCount: number;
+    downvoteCount: number;
     indexedAt: string;
     myState?: {
         repost?: string;
-        like?: string;
+        upvote?: string;
+        downvote?: string;
     };
 }
 export interface User {

src/third-party/api/src/client/types/app/bsky/feed/getVotes.d.ts

@@ -0,0 +1,34 @@
+import { Headers } from '@atproto/xrpc';
+export interface QueryParams {
+    uri: string;
+    cid?: string;
+    direction?: string;
+    limit?: number;
+    before?: string;
+}
+export interface CallOptions {
+    headers?: Headers;
+}
+export declare type InputSchema = undefined;
+export interface OutputSchema {
+    uri: string;
+    cid?: string;
+    cursor?: string;
+    votes: {
+        direction: 'up' | 'down';
+        indexedAt: string;
+        createdAt: string;
+        actor: Actor;
+    }[];
+}
+export interface Actor {
+    did: string;
+    handle: string;
+    displayName?: string;
+}
+export interface Response {
+    success: boolean;
+    headers: Headers;
+    data: OutputSchema;
+}
+export declare function toKnownErr(e: any): any;

src/third-party/api/src/client/types/app/bsky/feed/vote.d.ts

@@ -0,0 +1,11 @@
+export interface Record {
+    subject: Subject;
+    direction: 'up' | 'down';
+    createdAt: string;
+    [k: string]: unknown;
+}
+export interface Subject {
+    uri: string;
+    cid: string;
+    [k: string]: unknown;
+}

src/third-party/api/src/client/types/app/bsky/graph/assertion.d.ts

@@ -0,0 +1,10 @@
+export interface Record {
+    assertion: string;
+    subject: {
+        did: string;
+        declarationCid: string;
+        [k: string]: unknown;
+    };
+    createdAt: string;
+    [k: string]: unknown;
+}

src/third-party/api/src/client/types/app/bsky/graph/confirmation.d.ts

@@ -0,0 +1,14 @@
+export interface Record {
+    originator: {
+        did: string;
+        declarationCid: string;
+        [k: string]: unknown;
+    };
+    assertion: {
+        uri: string;
+        cid: string;
+        [k: string]: unknown;
+    };
+    createdAt: string;
+    [k: string]: unknown;
+}

src/view/com/notifications/FeedItem.tsx

@@ -6,6 +6,7 @@ import {FontAwesomeIcon, Props} from '@fortawesome/react-native-fontawesome'
 import {NotificationsViewItemModel} from '../../../state/models/notifications-view'
 import {s, colors} from '../../lib/styles'
 import {ago, pluralize} from '../../lib/strings'
+import {UpIconSolid} from '../../lib/icons'
 import {UserAvatar} from '../util/UserAvatar'
 import {PostText} from '../post/PostText'
 import {Post} from '../post/Post'
@@ -19,7 +20,7 @@ export const FeedItem = observer(function FeedItem({
   item: NotificationsViewItemModel
 }) {
   const itemHref = useMemo(() => {
-    if (item.isLike || item.isRepost) {
+    if (item.isUpvote || item.isRepost) {
       const urip = new AtUri(item.subjectUri)
       return `/profile/${urip.host}/post/${urip.rkey}`
     } else if (item.isFollow) {
@@ -31,7 +32,7 @@ export const FeedItem = observer(function FeedItem({
     return ''
   }, [item])
   const itemTitle = useMemo(() => {
-    if (item.isLike || item.isRepost) {
+    if (item.isUpvote || item.isRepost) {
       return 'Post'
     } else if (item.isFollow) {
       return item.author.handle
@@ -55,16 +56,16 @@ export const FeedItem = observer(function FeedItem({
   }
 
   let action = ''
-  let icon: Props['icon']
+  let icon: Props['icon'] | 'UpIconSolid'
   let iconStyle: Props['style'] = []
-  if (item.isLike) {
-    action = 'liked your post'
-    icon = ['fas', 'heart']
-    iconStyle = [s.blue3]
+  if (item.isUpvote) {
+    action = 'upvoted your post'
+    icon = 'UpIconSolid'
+    iconStyle = [s.red3, {position: 'relative', top: -4}]
   } else if (item.isRepost) {
     action = 'reposted your post'
     icon = 'retweet'
-    iconStyle = [s.blue3]
+    iconStyle = [s.green3]
   } else if (item.isReply) {
     action = 'replied to your post'
     icon = ['far', 'comment']
@@ -100,11 +101,15 @@ export const FeedItem = observer(function FeedItem({
       title={itemTitle}>
       <View style={styles.layout}>
         <View style={styles.layoutIcon}>
+          {icon === 'UpIconSolid' ? (
+            <UpIconSolid size={26} style={[styles.icon, ...iconStyle]} />
+          ) : (
             <FontAwesomeIcon
               icon={icon}
               size={22}
               style={[styles.icon, ...iconStyle]}
             />
+          )}
         </View>
         <View style={styles.layoutContent}>
           <View style={styles.avis}>
@@ -150,7 +155,7 @@ export const FeedItem = observer(function FeedItem({
               {ago(item.indexedAt)}
             </Text>
           </View>
-          {item.isLike || item.isRepost ? (
+          {item.isUpvote || item.isRepost ? (
             <PostText uri={item.subjectUri} style={[s.gray5]} />
           ) : (
             <></>

src/view/com/post-thread/PostThreadItem.tsx

@@ -28,7 +28,8 @@ export const PostThreadItem = observer(function PostThreadItem({
 }) {
   const store = useStores()
   const record = item.record as unknown as PostType.Record
-  const hasEngagement = item.likeCount || item.repostCount
+  const hasEngagement =
+    item.upvoteCount || item.downvoteCount || item.repostCount
 
   const itemHref = useMemo(() => {
     const urip = new AtUri(item.uri)
@@ -37,11 +38,16 @@ export const PostThreadItem = observer(function PostThreadItem({
   const itemTitle = `Post by ${item.author.handle}`
   const authorHref = `/profile/${item.author.handle}`
   const authorTitle = item.author.handle
-  const likesHref = useMemo(() => {
+  const upvotesHref = useMemo(() => {
     const urip = new AtUri(item.uri)
-    return `/profile/${item.author.handle}/post/${urip.rkey}/liked-by`
+    return `/profile/${item.author.handle}/post/${urip.rkey}/upvoted-by`
   }, [item.uri, item.author.handle])
-  const likesTitle = 'Likes on this post'
+  const upvotesTitle = 'Upvotes on this post'
+  const downvotesHref = useMemo(() => {
+    const urip = new AtUri(item.uri)
+    return `/profile/${item.author.handle}/post/${urip.rkey}/downvoted-by`
+  }, [item.uri, item.author.handle])
+  const downvotesTitle = 'Downvotes on this post'
   const repostsHref = useMemo(() => {
     const urip = new AtUri(item.uri)
     return `/profile/${item.author.handle}/post/${urip.rkey}/reposted-by`
@@ -59,10 +65,15 @@ export const PostThreadItem = observer(function PostThreadItem({
       .toggleRepost()
       .catch(e => console.error('Failed to toggle repost', record, e))
   }
-  const onPressToggleLike = () => {
+  const onPressToggleUpvote = () => {
     item
-      .toggleLike()
-      .catch(e => console.error('Failed to toggle like', record, e))
+      .toggleUpvote()
+      .catch(e => console.error('Failed to toggle upvote', record, e))
+  }
+  const onPressToggleDownvote = () => {
+    item
+      .toggleDownvote()
+      .catch(e => console.error('Failed to toggle downvote', record, e))
   }
 
   if (item._isHighlightedPost) {
@@ -135,16 +146,31 @@ export const PostThreadItem = observer(function PostThreadItem({
               ) : (
                 <></>
               )}
-              {item.likeCount ? (
+              {item.upvoteCount ? (
                 <Link
                   style={styles.expandedInfoItem}
-                  href={likesHref}
-                  title={likesTitle}>
+                  href={upvotesHref}
+                  title={upvotesTitle}>
                   <Text style={[s.gray5, s.semiBold, s.f16]}>
                     <Text style={[s.bold, s.black, s.f16]}>
-                      {item.likeCount}
+                      {item.upvoteCount}
                     </Text>{' '}
-                    {pluralize(item.likeCount, 'like')}
+                    {pluralize(item.upvoteCount, 'upvote')}
+                  </Text>
+                </Link>
+              ) : (
+                <></>
+              )}
+              {item.downvoteCount ? (
+                <Link
+                  style={styles.expandedInfoItem}
+                  href={downvotesHref}
+                  title={downvotesTitle}>
+                  <Text style={[s.gray5, s.semiBold, s.f16]}>
+                    <Text style={[s.bold, s.black, s.f16]}>
+                      {item.downvoteCount}
+                    </Text>{' '}
+                    {pluralize(item.downvoteCount, 'downvote')}
                   </Text>
                 </Link>
               ) : (
@@ -158,12 +184,15 @@ export const PostThreadItem = observer(function PostThreadItem({
             <PostCtrls
               replyCount={item.replyCount}
               repostCount={item.repostCount}
-              likeCount={item.likeCount}
+              upvoteCount={item.upvoteCount}
+              downvoteCount={item.downvoteCount}
               isReposted={!!item.myState.repost}
-              isLiked={!!item.myState.like}
+              isUpvoted={!!item.myState.upvote}
+              isDownvoted={!!item.myState.downvote}
               onPressReply={onPressReply}
               onPressToggleRepost={onPressToggleRepost}
-              onPressToggleLike={onPressToggleLike}
+              onPressToggleUpvote={onPressToggleUpvote}
+              onPressToggleDownvote={onPressToggleDownvote}
             />
           </View>
         </View>
@@ -260,12 +289,15 @@ export const PostThreadItem = observer(function PostThreadItem({
             <PostCtrls
               replyCount={item.replyCount}
               repostCount={item.repostCount}
-              likeCount={item.likeCount}
+              upvoteCount={item.upvoteCount}
+              downvoteCount={item.downvoteCount}
               isReposted={!!item.myState.repost}
-              isLiked={!!item.myState.like}
+              isUpvoted={!!item.myState.upvote}
+              isDownvoted={!!item.myState.downvote}
               onPressReply={onPressReply}
               onPressToggleRepost={onPressToggleRepost}
-              onPressToggleLike={onPressToggleLike}
+              onPressToggleUpvote={onPressToggleUpvote}
+              onPressToggleDownvote={onPressToggleDownvote}
             />
           </View>
         </View>

src/view/com/post-thread/PostVotedBy.tsx

@@ -2,27 +2,33 @@ import React, {useState, useEffect} from 'react'
 import {observer} from 'mobx-react-lite'
 import {ActivityIndicator, FlatList, StyleSheet, Text, View} from 'react-native'
 import {
-  LikedByViewModel,
-  LikedByViewItemModel,
-} from '../../../state/models/liked-by-view'
+  VotesViewModel,
+  VotesViewItemModel,
+} from '../../../state/models/votes-view'
 import {Link} from '../util/Link'
 import {UserAvatar} from '../util/UserAvatar'
 import {useStores} from '../../../state'
 import {s, colors} from '../../lib/styles'
 
-export const PostLikedBy = observer(function PostLikedBy({uri}: {uri: string}) {
+export const PostVotedBy = observer(function PostVotedBy({
+  uri,
+  direction,
+}: {
+  uri: string
+  direction: 'up' | 'down'
+}) {
   const store = useStores()
-  const [view, setView] = useState<LikedByViewModel | undefined>()
+  const [view, setView] = useState<VotesViewModel | undefined>()
 
   useEffect(() => {
     if (view?.params.uri === uri) {
-      console.log('Liked by doing nothing')
+      console.log('Voted by doing nothing')
       return // no change needed? or trigger refresh?
     }
-    console.log('Fetching Liked by', uri)
-    const newView = new LikedByViewModel(store, {uri})
+    console.log('Fetching voted by', uri)
+    const newView = new VotesViewModel(store, {uri, direction})
     setView(newView)
-    newView.setup().catch(err => console.error('Failed to fetch liked by', err))
+    newView.setup().catch(err => console.error('Failed to fetch voted by', err))
   }, [uri, view?.params.uri, store])
 
   // loading
@@ -51,13 +57,13 @@ export const PostLikedBy = observer(function PostLikedBy({uri}: {uri: string}) {
 
   // loaded
   // =
-  const renderItem = ({item}: {item: LikedByViewItemModel}) => (
+  const renderItem = ({item}: {item: VotesViewItemModel}) => (
     <LikedByItem item={item} />
   )
   return (
     <View>
       <FlatList
-        data={view.likedBy}
+        data={view.votes}
         keyExtractor={item => item._reactKey}
         renderItem={renderItem}
       />
@@ -65,23 +71,23 @@ export const PostLikedBy = observer(function PostLikedBy({uri}: {uri: string}) {
   )
 })
 
-const LikedByItem = ({item}: {item: LikedByViewItemModel}) => {
+const LikedByItem = ({item}: {item: VotesViewItemModel}) => {
   return (
     <Link
       style={styles.outer}
-      href={`/profile/${item.handle}`}
-      title={item.handle}>
+      href={`/profile/${item.actor.handle}`}
+      title={item.actor.handle}>
       <View style={styles.layout}>
         <View style={styles.layoutAvi}>
           <UserAvatar
             size={40}
-            displayName={item.displayName}
-            handle={item.handle}
+            displayName={item.actor.displayName}
+            handle={item.actor.handle}
           />
         </View>
         <View style={styles.layoutContent}>
-          <Text style={[s.f15, s.bold]}>{item.displayName}</Text>
-          <Text style={[s.f14, s.gray5]}>@{item.handle}</Text>
+          <Text style={[s.f15, s.bold]}>{item.actor.displayName}</Text>
+          <Text style={[s.f14, s.gray5]}>@{item.actor.handle}</Text>
         </View>
       </View>
     </Link>

src/view/com/post/Post.tsx

@@ -78,10 +78,15 @@ export const Post = observer(function Post({uri}: {uri: string}) {
       .toggleRepost()
       .catch(e => console.error('Failed to toggle repost', record, e))
   }
-  const onPressToggleLike = () => {
+  const onPressToggleUpvote = () => {
     item
-      .toggleLike()
-      .catch(e => console.error('Failed to toggle like', record, e))
+      .toggleUpvote()
+      .catch(e => console.error('Failed to toggle upvote', record, e))
+  }
+  const onPressToggleDownvote = () => {
+    item
+      .toggleDownvote()
+      .catch(e => console.error('Failed to toggle downvote', record, e))
   }
 
   return (
@@ -129,12 +134,15 @@ export const Post = observer(function Post({uri}: {uri: string}) {
           <PostCtrls
             replyCount={item.replyCount}
             repostCount={item.repostCount}
-            likeCount={item.likeCount}
+            upvoteCount={item.upvoteCount}
+            downvoteCount={item.downvoteCount}
             isReposted={!!item.myState.repost}
-            isLiked={!!item.myState.like}
+            isUpvoted={!!item.myState.upvote}
+            isDownvoted={!!item.myState.downvote}
             onPressReply={onPressReply}
             onPressToggleRepost={onPressToggleRepost}
-            onPressToggleLike={onPressToggleLike}
+            onPressToggleUpvote={onPressToggleUpvote}
+            onPressToggleDownvote={onPressToggleDownvote}
           />
         </View>
       </View>

src/view/com/posts/FeedItem.tsx

@@ -48,10 +48,15 @@ export const FeedItem = observer(function FeedItem({
       .toggleRepost()
       .catch(e => console.error('Failed to toggle repost', record, e))
   }
-  const onPressToggleLike = () => {
+  const onPressToggleUpvote = () => {
     item
-      .toggleLike()
-      .catch(e => console.error('Failed to toggle like', record, e))
+      .toggleUpvote()
+      .catch(e => console.error('Failed to toggle upvote', record, e))
+  }
+  const onPressToggleDownvote = () => {
+    item
+      .toggleDownvote()
+      .catch(e => console.error('Failed to toggle downvote', record, e))
   }
   const onPressShare = (uri: string) => {
     store.shell.openModal(new SharePostModel(uri))
@@ -129,12 +134,15 @@ export const FeedItem = observer(function FeedItem({
           <PostCtrls
             replyCount={item.replyCount}
             repostCount={item.repostCount}
-            likeCount={item.likeCount}
+            upvoteCount={item.upvoteCount}
+            downvoteCount={item.downvoteCount}
             isReposted={!!item.myState.repost}
-            isLiked={!!item.myState.like}
+            isUpvoted={!!item.myState.upvote}
+            isDownvoted={!!item.myState.downvote}
             onPressReply={onPressReply}
             onPressToggleRepost={onPressToggleRepost}
-            onPressToggleLike={onPressToggleLike}
+            onPressToggleUpvote={onPressToggleUpvote}
+            onPressToggleDownvote={onPressToggleDownvote}
           />
         </View>
       </View>

src/view/com/util/PostCtrls.tsx

@@ -7,12 +7,15 @@ import {s, colors} from '../../lib/styles'
 interface PostCtrlsOpts {
   replyCount: number
   repostCount: number
-  likeCount: number
+  upvoteCount: number
+  downvoteCount: number
   isReposted: boolean
-  isLiked: boolean
+  isUpvoted: boolean
+  isDownvoted: boolean
   onPressReply: () => void
   onPressToggleRepost: () => void
-  onPressToggleLike: () => void
+  onPressToggleUpvote: () => void
+  onPressToggleDownvote: () => void
 }
 
 export function PostCtrls(opts: PostCtrlsOpts) {
@@ -36,22 +39,27 @@ export function PostCtrls(opts: PostCtrlsOpts) {
           {opts.repostCount}
         </Text>
       </TouchableOpacity>
-      <TouchableOpacity style={styles.ctrl} onPress={opts.onPressToggleLike}>
-        {opts.isLiked ? (
+      <TouchableOpacity style={styles.ctrl} onPress={opts.onPressToggleUpvote}>
+        {opts.isUpvoted ? (
           <UpIconSolid style={styles.ctrlIconUpvoted} size={18} />
         ) : (
           <UpIcon style={styles.ctrlIcon} size={18} />
         )}
-        <Text style={opts.isLiked ? [s.bold, s.blue3, s.f13] : s.f13}>
-          {opts.likeCount}
+        <Text style={opts.isUpvoted ? [s.bold, s.red3, s.f13] : s.f13}>
+          {opts.upvoteCount}
         </Text>
       </TouchableOpacity>
-      <TouchableOpacity style={styles.ctrl} onPress={opts.onPressToggleLike}>
-        {opts.isLiked ? (
+      <TouchableOpacity
+        style={styles.ctrl}
+        onPress={opts.onPressToggleDownvote}>
+        {opts.isDownvoted ? (
           <DownIconSolid style={styles.ctrlIconDownvoted} size={18} />
         ) : (
           <DownIcon style={styles.ctrlIcon} size={18} />
         )}
+        <Text style={opts.isDownvoted ? [s.bold, s.blue3, s.f13] : s.f13}>
+          {opts.downvoteCount}
+        </Text>
       </TouchableOpacity>
     </View>
   )
@@ -78,10 +86,10 @@ const styles = StyleSheet.create({
   },
   ctrlIconUpvoted: {
     marginRight: 5,
-    color: colors.blue3,
+    color: colors.red3,
   },
   ctrlIconDownvoted: {
     marginRight: 5,
-    color: colors.red3,
+    color: colors.blue3,
   },
 })

src/view/com/util/UserInfoText.tsx

@@ -31,7 +31,7 @@ export function UserInfoText({
   useEffect(() => {
     let aborted = false
     // TODO use caching to reduce loads
-    store.api.app.bsky.actor.getProfile({user: did}).then(
+    store.api.app.bsky.actor.getProfile({actor: did}).then(
       v => {
         if (aborted) return
         setProfile(v.data)

src/view/routes.ts

@@ -7,7 +7,8 @@ import {Search} from './screens/Search'
 import {Notifications} from './screens/Notifications'
 import {NotFound} from './screens/NotFound'
 import {PostThread} from './screens/PostThread'
-import {PostLikedBy} from './screens/PostLikedBy'
+import {PostUpvotedBy} from './screens/PostUpvotedBy'
+import {PostDownvotedBy} from './screens/PostDownvotedBy'
 import {PostRepostedBy} from './screens/PostRepostedBy'
 import {Profile} from './screens/Profile'
 import {ProfileFollowers} from './screens/ProfileFollowers'
@@ -42,9 +43,14 @@ export const routes: Route[] = [
     r('/profile/(?<name>[^/]+)/post/(?<rkey>[^/]+)'),
   ],
   [
-    PostLikedBy,
+    PostUpvotedBy,
     'heart',
-    r('/profile/(?<name>[^/]+)/post/(?<rkey>[^/]+)/liked-by'),
+    r('/profile/(?<name>[^/]+)/post/(?<rkey>[^/]+)/upvoted-by'),
+  ],
+  [
+    PostDownvotedBy,
+    'heart',
+    r('/profile/(?<name>[^/]+)/post/(?<rkey>[^/]+)/downvoted-by'),
   ],
   [
     PostRepostedBy,

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>
+  )
+}

src/view/screens/PostUpvotedBy.tsx

@@ -1,26 +1,26 @@
 import React, {useEffect} from 'react'
 import {View} from 'react-native'
 import {ViewHeader} from '../com/util/ViewHeader'
-import {PostLikedBy as PostLikedByComponent} from '../com/post-thread/PostLikedBy'
+import {PostVotedBy as PostLikedByComponent} from '../com/post-thread/PostVotedBy'
 import {ScreenParams} from '../routes'
 import {useStores} from '../../state'
 import {makeRecordUri} from '../lib/strings'
 
-export const PostLikedBy = ({visible, params}: ScreenParams) => {
+export const PostUpvotedBy = ({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('Liked by')
+      store.nav.setTitle('Upvoted by')
     }
   }, [store, visible])
 
   return (
     <View>
-      <ViewHeader title="Liked by" />
-      <PostLikedByComponent uri={uri} />
+      <ViewHeader title="Upvoted by" />
+      <PostLikedByComponent uri={uri} direction="up" />
     </View>
   )
 }