Enable retrieving hashtag timelines.
See #25 for why this never returns hashtag timelines
This commit is contained in:
parent
19c9629197
commit
860c5313ba
|
|
@ -271,7 +271,7 @@ const HashtagListJsx = (props) => {
|
|||
key = { i }
|
||||
thumbnail = { require("assets/hashtag.png") }
|
||||
callback = { props.callback }
|
||||
navParams = { { hashtag: item } }>
|
||||
navParams = { { tag: item } }>
|
||||
<Text style = { styles.username }>
|
||||
#{ item.name }
|
||||
</Text>
|
||||
|
|
|
|||
|
|
@ -1,68 +1,122 @@
|
|||
import React, { useState } from "react";
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { View, Image, Dimensions, Text } from "react-native";
|
||||
import { ScreenWithFullNavigationJsx } from "src/components/navigation/navigators";
|
||||
import { ScreenWithBackBarJsx } from "src/components/navigation/navigators";
|
||||
import PagedGridJsx from "src/components/posts/paged-grid";
|
||||
import { TouchableOpacity } from "react-native-gesture-handler";
|
||||
|
||||
const FollowHashtagButtonJsx = ({followed, onPress}) => {
|
||||
return (
|
||||
<TouchableOpacity
|
||||
style = {
|
||||
[
|
||||
styles.button,
|
||||
followed ? { backgroundColor: "#888" } : {}
|
||||
]
|
||||
}
|
||||
onPress = { onPress }>
|
||||
<Text
|
||||
style = { followed ? { color: "white" } : {} }>
|
||||
{ followed ? "Followed" : "Follow" }
|
||||
</Text>
|
||||
</TouchableOpacity>
|
||||
);
|
||||
};
|
||||
import * as requests from "src/requests";
|
||||
import AsyncStorage from "@react-native-async-storage/async-storage";
|
||||
|
||||
const ViewHashtagJsx = ({navigation}) => {
|
||||
const FETCH_LIMIT = 18;
|
||||
let [state, setState] = useState({
|
||||
name: navigation.getParam("name", ""),
|
||||
tag: navigation.getParam("tag", null),
|
||||
posts: [],
|
||||
nPosts: 0,
|
||||
offset: 0,
|
||||
followed: false,
|
||||
loaded: false,
|
||||
});
|
||||
|
||||
useEffect(() => {
|
||||
let instance, accessToken;
|
||||
AsyncStorage
|
||||
.multiGet([
|
||||
"@user_instance",
|
||||
"@user_token",
|
||||
])
|
||||
.then(([instancePair, tokenPair]) => {
|
||||
instance = instancePair[1];
|
||||
accessToken = JSON.parse(tokenPair[1]).access_token;
|
||||
|
||||
return requests.fetchHashtagTimeline(
|
||||
instance,
|
||||
state.tag.name,
|
||||
accessToken,
|
||||
{
|
||||
only_media: true,
|
||||
limit: FETCH_LIMIT,
|
||||
}
|
||||
);
|
||||
})
|
||||
.then(posts => {
|
||||
setState({...state,
|
||||
posts,
|
||||
offset: state.offset + FETCH_LIMIT,
|
||||
instance,
|
||||
accessToken,
|
||||
loaded: true,
|
||||
});
|
||||
});
|
||||
}, []);
|
||||
|
||||
|
||||
const _handleShowMore = async () => {
|
||||
const newPosts = await requests.fetchHashtagTimeline(
|
||||
state.instance,
|
||||
state.tag.name,
|
||||
state.accessToken,
|
||||
{
|
||||
only_media: true,
|
||||
limit: FETCH_LIMIT,
|
||||
max_id: state.offset,
|
||||
}
|
||||
);
|
||||
|
||||
setState({...state,
|
||||
posts: state.posts.concat(newPosts),
|
||||
offset: state.offset + FETCH_LIMIT,
|
||||
});
|
||||
};
|
||||
|
||||
const latest = state.tag.history[0];
|
||||
|
||||
return (
|
||||
<ScreenWithFullNavigationJsx
|
||||
active = "Discover"
|
||||
navigation = { navigation }>
|
||||
<ScreenWithBackBarJsx navigation = { navigation }>
|
||||
<View>
|
||||
<View style = { styles.headerContainer }>
|
||||
<View>
|
||||
<Image
|
||||
style = { styles.image }
|
||||
source = { require("assets/hashtag.png") } />
|
||||
</View>
|
||||
<View style = { styles.headerText }>
|
||||
<Text style = { styles.hashtag}>
|
||||
#{ state.name }
|
||||
</Text>
|
||||
<Text>
|
||||
<Text style = { styles.strong}>{ state.nPosts }</Text> posts
|
||||
</Text>
|
||||
|
||||
<FollowHashtagButtonJsx
|
||||
followed = { state.followed }
|
||||
onPress = { () => {
|
||||
// Send request to follow hashtag and such...
|
||||
setState({ ...state, followed: !state.followed});
|
||||
}
|
||||
source = {
|
||||
state.loaded && state.posts.length > 0
|
||||
? {
|
||||
uri: state
|
||||
.posts[0]
|
||||
.media_attachments[0]
|
||||
.preview_url
|
||||
}
|
||||
: require("assets/hashtag.png")
|
||||
}/>
|
||||
</View>
|
||||
<View style = { styles.headerText }>
|
||||
<Text style = { styles.hashtag }>
|
||||
#{ state.tag.name }
|
||||
</Text>
|
||||
<>
|
||||
{ latest
|
||||
? <Text>
|
||||
<Text style = { styles.strong }>{ latest.uses }</Text>
|
||||
posts from
|
||||
<Text style = { styles.strong }>{ latest.accounts }</Text>
|
||||
people today
|
||||
</Text>
|
||||
:<></>
|
||||
}
|
||||
</>
|
||||
</View>
|
||||
</View>
|
||||
<PagedGridJsx
|
||||
navigation = { navigation }
|
||||
originTab = "Discover" />
|
||||
<>
|
||||
{ state.loaded && state.posts.length > 0
|
||||
? <PagedGridJsx
|
||||
navigation = { navigation }
|
||||
posts = { state.posts }
|
||||
onShowMore = { _handleShowMore } />
|
||||
: <Text style = { styles.nothing }>
|
||||
Nothing to show
|
||||
</Text>
|
||||
}
|
||||
</>
|
||||
</View>
|
||||
</ScreenWithFullNavigationJsx>
|
||||
</ScreenWithBackBarJsx>
|
||||
);
|
||||
};
|
||||
|
||||
|
|
@ -85,14 +139,10 @@ const styles = {
|
|||
fontWeight: "bold",
|
||||
fontSize: 20
|
||||
},
|
||||
button: {
|
||||
borderWidth: 1,
|
||||
borderColor: "#888",
|
||||
borderRadius: 5,
|
||||
padding: 10,
|
||||
paddingLeft: 30,
|
||||
paddingRight: 30,
|
||||
marginTop: 10,
|
||||
nothing: {
|
||||
color: "#666",
|
||||
textAlign: "center",
|
||||
paddingTop: 20,
|
||||
},
|
||||
strong: {
|
||||
fontWeight: "bold",
|
||||
|
|
|
|||
|
|
@ -206,6 +206,15 @@ export async function fetchPublicTimeline(domain, token, params = false) {
|
|||
return resp.json();
|
||||
}
|
||||
|
||||
export async function fetchHashtagTimeline(domain, hashtag, token, params = false) {
|
||||
const resp = await get(
|
||||
`https://${domain}/api/v1/timelines/tag/${hashtag}`,
|
||||
token,
|
||||
params
|
||||
);
|
||||
return resp.json();
|
||||
}
|
||||
|
||||
export async function fetchConversations(domain, token, params = false) {
|
||||
const resp = await get(
|
||||
`https://${domain}/api/v1/conversations`,
|
||||
|
|
|
|||
Loading…
Reference in New Issue