Paul Frazee
89 lines
1.9 KiB
TypeScript
89 lines
1.9 KiB
TypeScript
import {makeAutoObservable, runInAction} from 'mobx'
|
|
import {RootStoreModel} from './root-store'
|
|
import {FeedItemModel} from './feed-view'
|
|
import {cleanError} from 'lib/strings/errors'
|
|
import {TEAM_HANDLES} from 'lib/constants'
|
|
import {
|
|
getMultipleAuthorsPosts,
|
|
mergePosts,
|
|
} from 'lib/api/build-suggested-posts'
|
|
|
|
export class SuggestedPostsView {
|
|
// state
|
|
isLoading = false
|
|
hasLoaded = false
|
|
error = ''
|
|
|
|
// data
|
|
posts: FeedItemModel[] = []
|
|
|
|
constructor(public rootStore: RootStoreModel) {
|
|
makeAutoObservable(
|
|
this,
|
|
{
|
|
rootStore: false,
|
|
},
|
|
{autoBind: true},
|
|
)
|
|
}
|
|
|
|
get hasContent() {
|
|
return this.posts.length > 0
|
|
}
|
|
|
|
get hasError() {
|
|
return this.error !== ''
|
|
}
|
|
|
|
get isEmpty() {
|
|
return this.hasLoaded && !this.hasContent
|
|
}
|
|
|
|
// public api
|
|
// =
|
|
|
|
async setup() {
|
|
this._xLoading()
|
|
try {
|
|
const responses = await getMultipleAuthorsPosts(
|
|
this.rootStore,
|
|
TEAM_HANDLES(String(this.rootStore.agent.service)),
|
|
undefined,
|
|
30,
|
|
)
|
|
runInAction(() => {
|
|
const finalPosts = mergePosts(responses, {repostsOnly: true})
|
|
// hydrate into models
|
|
this.posts = finalPosts.map((post, i) => {
|
|
// strip the reasons to hide that these are reposts
|
|
delete post.reason
|
|
return new FeedItemModel(this.rootStore, `post-${i}`, post)
|
|
})
|
|
})
|
|
this._xIdle()
|
|
} catch (e: any) {
|
|
this.rootStore.log.error('SuggestedPostsView: Failed to load posts', {
|
|
e,
|
|
})
|
|
this._xIdle() // dont bubble to the user
|
|
}
|
|
}
|
|
|
|
// state transitions
|
|
// =
|
|
|
|
private _xLoading() {
|
|
this.isLoading = true
|
|
this.error = ''
|
|
}
|
|
|
|
private _xIdle(err?: any) {
|
|
this.isLoading = false
|
|
this.hasLoaded = true
|
|
this.error = cleanError(err)
|
|
if (err) {
|
|
this.rootStore.log.error('Failed to fetch suggested posts', err)
|
|
}
|
|
}
|
|
}
|