Skip to content

Commit

Permalink
Vérification de l'activation de l'onglet "Discussions" (#629)
Browse files Browse the repository at this point in the history
  • Loading branch information
@ecnivtwelve
ecnivtwelve authored Jan 20, 2025
2 parents d3ad278 + 783491c commit b5b4450
Showing 1 changed file with 156 additions and 123 deletions.
279 changes: 156 additions & 123 deletions src/views/account/Chat/Messages.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useEffect, useLayoutEffect, useState } from "react";
import React, { useCallback, useEffect, useLayoutEffect, useState } from "react";
import {
ScrollView,
LogBox,
Expand Down Expand Up @@ -34,6 +34,7 @@ import PapillonHeader from "@/components/Global/PapillonHeader";
import { SquarePen } from "lucide-react-native";
import { TouchableOpacity } from "react-native-gesture-handler";
import InsetsBottomView from "@/components/Global/InsetsBottomView";
import { TabLocation } from "pawnote";

// Voir la documentation de `react-navigation`.
//
Expand All @@ -46,13 +47,17 @@ LogBox.ignoreLogs([

const Discussions: Screen<"Discussions"> = ({ navigation, route }) => {
const theme = useTheme();

const { colors } = theme;

const account = useCurrentAccount((state) => state.account!);

const [chats, setChats] = useState<Chat[] | null>(null);
const [refreshing, setRefreshing] = useState<boolean>(false);

const getChatCreator = (chat: Chat) => chat.creator === account.name ? chat.recipient : chat.creator;
const supported = account.service === AccountService.Pronote;

const enabled = supported && account.instance?.user.resources[0].tabs.get(TabLocation.Discussions);

useLayoutEffect(() => {
navigation.setOptions({
Expand All @@ -62,148 +67,176 @@ const Discussions: Screen<"Discussions"> = ({ navigation, route }) => {

useEffect(() => {
void (async () => {
const chats = await getChats(account);
setChats(chats);
await fetchChats();
})();
}, [account?.instance]);

const onRefresh = async () => {
setRefreshing(true);
const chats = await getChats(account);
setChats(chats);
await fetchChats();
setRefreshing(false);
};

if (account.service !== AccountService.Pronote)
return (
<View
style={{
flex: 1,
backgroundColor: theme.colors.background,
padding: 20,
}}
>
<MissingItem
emoji={"🚧"}
title={"Fonctionnalité en construction"}
description={
"Cette page est en cours de développement, reviens plus tard."
}
/>
</View>
);
const fetchChats = useCallback(async () => {
if (!enabled || !supported) {
return;
}

try {
const chats = await getChats(account);
setChats(chats);
} catch (e) {
console.error("Erreur lors du chargement des discussions :", e);
}
}, [enabled, supported]);

const getChatCreator = useCallback(
(chat: Chat) => chat.creator === account.name ? chat.recipient : chat.creator,
[account.name]
);

return (
<>
<PapillonHeader route={route} navigation={navigation}>
<TouchableOpacity style={{
flex: 1,
flexDirection: "row",
alignItems: "center",
gap: 7,
paddingRight: 8,
}}
onPress={() => navigation.navigate("ChatCreate")}>
<NativeText color={theme.colors.primary}>Composer</NativeText>
<SquarePen color={theme.colors.primary}/>
</TouchableOpacity>
</PapillonHeader>
<ScrollView
contentContainerStyle={{
padding: 20,
paddingTop: 0,
}}
refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
>
{!chats ? (
<Reanimated.View
entering={FadeIn.springify().mass(1).damping(20).stiffness(300)}
exiting={
Platform.OS === "ios"
? FadeOut.springify().mass(1).damping(20).stiffness(300)
: undefined
}
{supported && enabled && (
<TouchableOpacity
style={{
justifyContent: "center",
flex: 1,
flexDirection: "row",
alignItems: "center",
padding: 26,
gap: 7,
paddingRight: 8,
}}
onPress={() => navigation.navigate("ChatCreate")}
>
<ActivityIndicator size={"large"} />

<Text
style={{
color: colors.text,
fontSize: 18,
textAlign: "center",
fontFamily: "semibold",
marginTop: 10,
}}
>
Chargement des discussions...
</Text>

<Text
<NativeText color={theme.colors.primary}>Composer</NativeText>
<SquarePen color={theme.colors.primary} />
</TouchableOpacity>
)}
</PapillonHeader>
{!supported || !enabled ? (
<View
style={{
flex: 1,
backgroundColor: theme.colors.background,
padding: 20,
}}
>
{!supported ? (
<MissingItem
emoji="🚧"
title="Fonctionnalité en construction"
description="Cette page est en cours de développement, reviens plus tard."
entering={animPapillon(FadeInDown)}
exiting={animPapillon(FadeOut)}
style={{ paddingVertical: 26 }}
/>
) : !enabled && (
<MissingItem
emoji="💬"
title="Discussions désactivées"
description="Les discussions ne sont pas activées par ton établissement."
entering={animPapillon(FadeInDown)}
exiting={animPapillon(FadeOut)}
style={{ paddingVertical: 26 }}
/>
)}
</View>
) : (
<ScrollView
contentContainerStyle={{
padding: 20,
paddingTop: 0,
}}
refreshControl={<RefreshControl refreshing={refreshing} onRefresh={onRefresh} />}
>
{!chats ? (
<Reanimated.View
entering={FadeIn.springify().mass(1).damping(20).stiffness(300)}
exiting={
Platform.OS === "ios"
? FadeOut.springify().mass(1).damping(20).stiffness(300)
: undefined
}
style={{
color: colors.text,
fontSize: 16,
textAlign: "center",
fontFamily: "medium",
marginTop: 4,
opacity: 0.5,
justifyContent: "center",
alignItems: "center",
padding: 26,
}}
>
Tes conversations arrivent...
</Text>
</Reanimated.View>
) : chats.length === 0 ? (
<MissingItem
emoji="💬"
title="Aucune discussion"
description="Commence une nouvelle discussion pour les afficher ici."
entering={animPapillon(FadeInDown)}
exiting={animPapillon(FadeOut)}
style={{ paddingVertical: 26 }}
/>
) : (
<NativeList>
{chats.map((chat) => (
<NativeItem
key={chat.id}
onPress={() => navigation.navigate("Chat", { handle: chat })}
leading={
<InitialIndicator
initial={parse_initials(getChatCreator(chat))}
color={getProfileColorByName(getChatCreator(chat)).bright}
textColor={getProfileColorByName(getChatCreator(chat)).dark}
/>
}
<ActivityIndicator size={"large"} />
<Text
style={{
color: colors.text,
fontSize: 18,
textAlign: "center",
fontFamily: "semibold",
marginTop: 10,
}}
>
<View
style={{ flexDirection: "row", alignItems: "center", gap: 5 }}
>
{!chat.read && (
<View
style={{
backgroundColor: getProfileColorByName(getChatCreator(chat))
.dark,
borderRadius: 5,
height: 10,
width: 10,
}}
Chargement des discussions…
</Text>
<Text
style={{
color: colors.text,
fontSize: 16,
textAlign: "center",
fontFamily: "medium",
marginTop: 4,
opacity: 0.5,
}}
>
Tes conversations arrivent…
</Text>
</Reanimated.View>
) : chats.length === 0 ? (
<MissingItem
emoji="💬"
title="Aucune discussion"
description="Commence une nouvelle discussion pour les afficher ici."
entering={animPapillon(FadeInDown)}
exiting={animPapillon(FadeOut)}
style={{ paddingVertical: 26 }}
/>
) : (
<NativeList>
{chats.map((chat) => (
<NativeItem
key={chat.id}
onPress={() => navigation.navigate("Chat", { handle: chat })}
leading={
<InitialIndicator
initial={parse_initials(getChatCreator(chat))}
color={getProfileColorByName(getChatCreator(chat)).bright}
textColor={getProfileColorByName(getChatCreator(chat)).dark}
/>
)}
<NativeText variant={"subtitle"}>{getChatCreator(chat)}</NativeText>
</View>
<NativeText>{chat.subject || "Aucun sujet"}</NativeText>
<NativeText variant={"subtitle"}>Il y a {Math.floor((new Date().getTime() - new Date(chat.date).getTime()) / (1000 * 60 * 60 * 24))} jours</NativeText>
</NativeItem>
))}
</NativeList>
)}

<InsetsBottomView />
</ScrollView>
}
>
<View
style={{ flexDirection: "row", alignItems: "center", gap: 5 }}
>
{!chat.read && (
<View
style={{
backgroundColor: getProfileColorByName(getChatCreator(chat))
.dark,
borderRadius: 5,
height: 10,
width: 10,
}}
/>
)}
<NativeText variant={"subtitle"}>{getChatCreator(chat)}</NativeText>
</View>
<NativeText>{chat.subject || "Aucun sujet"}</NativeText>
<NativeText variant={"subtitle"}>Il y a {Math.floor((new Date().getTime() - new Date(chat.date).getTime()) / (1000 * 60 * 60 * 24))} jours</NativeText>
</NativeItem>
))}
</NativeList>
)}
<InsetsBottomView />
</ScrollView>
)}
</>
);
};
Expand Down

0 comments on commit b5b4450

Please sign in to comment.