keannu125/StudE-Frontend
1
0
Fork 0
mirror of https://github.com/lemeow125/StudE-Frontend.git synced 2024-11-17 06:19:25 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed left and right caret icons

Browse source
This commit is contained in:
Keannu Bernasol 2023-10-27 22:06:52 +08:00
parent a65a3a84aa
commit 8a32d2b32c
3 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/icons/CaretLeftIcon/CaretLeftIcon.tsx
View file

@ -18,9 +18,9 @@ export default function CaretRightIcon(props: IconProps) {
> >
<Path stroke="none" d="M0 0h24v24H0z" fill="none"></Path> <Path stroke="none" d="M0 0h24v24H0z" fill="none"></Path>
<Path <Path
d="M9 6c0 -.852 .986 -1.297 1.623 -.783l.084 .076l6 6a1 1 0 0 1 .083 1.32l-.083 .094l-6 6l-.094 .083l-.077 .054l-.096 .054l-.036 .017l-.067 .027l-.108 .032l-.053 .01l-.06 .01l-.057 .004l-.059 .002l-.059 -.002l-.058 -.005l-.06 -.009l-.052 -.01l-.108 -.032l-.067 -.027l-.132 -.07l-.09 -.065l-.081 -.073l-.083 -.094l-.054 -.077l-.054 -.096l-.017 -.036l-.027 -.067l-.032 -.108l-.01 -.053l-.01 -.06l-.004 -.057l-.002 -12.059z" d="M13.883 5.007l.058 -.005h.118l.058 .005l.06 .009l.052 .01l.108 .032l.067 .027l.132 .07l.09 .065l.081 .073l.083 .094l.054 .077l.054 .096l.017 .036l.027 .067l.032 .108l.01 .053l.01 .06l.004 .057l.002 .059v12c0 .852 -.986 1.297 -1.623 .783l-.084 -.076l-6 -6a1 1 0 0 1 -.083 -1.32l.083 -.094l6 -6l.094 -.083l.077 -.054l.096 -.054l.036 -.017l.067 -.027l.108 -.032l.053 -.01l.06 -.01z"
stroke-width="0" stroke-width="0"
fill="currentColor" fill={colors.icon_color}
></Path> ></Path>
</Svg> </Svg>
</> </>

2
src/icons/CaretRightIcon/CaretLeftIcon.tsx → src/icons/CaretRightIcon/CaretRightIcon.tsx
View file

@ -3,7 +3,7 @@ import { IconProps } from "../../interfaces/Interfaces";
import { Svg, Path } from "react-native-svg"; import { Svg, Path } from "react-native-svg";
import { colors } from "../../styles"; import { colors } from "../../styles";
export default function CaretLeftIcon(props: IconProps) { export default function CaretRightIcon(props: IconProps) {
return ( return (
<> <>
<Svg <Svg

8
src/routes/ConversationPage/ConversationPage.tsx
View file

@ -71,7 +71,7 @@ export default function ConversationPage() {
enabled: enabled:
student_status?.study_group != "" && student_status?.study_group != null, student_status?.study_group != "" && student_status?.study_group != null,
queryKey: ["study_group"], queryKey: ["study_group"],
refetchInterval: 20, refetchInterval: 10000,
queryFn: async () => { queryFn: async () => {
const data = await GetStudyGroup(student_status?.study_group || ""); const data = await GetStudyGroup(student_status?.study_group || "");
if (data[0] == false) { if (data[0] == false) {
@ -129,7 +129,7 @@ export default function ConversationPage() {
// Avatar List // Avatar List
const [users, setUsers] = useState<GroupMessageAvatarType[]>([]); const [users, setUsers] = useState<GroupMessageAvatarType[]>([]);
const AvatarsQuery = useQuery({ const AvatarsQuery = useQuery({
refetchInterval: 3000, refetchInterval: 10000,
enabled: enabled:
student_status?.study_group != null || student_status?.study_group != null ||
(student_status?.study_group != "" && (student_status?.study_group != "" &&
@ -211,7 +211,9 @@ export default function ConversationPage() {
paddingRight: 4, paddingRight: 4,
}} }}
> >
{studygroup.students.length} studying {!StudyGroupQuery.isFetching
? studygroup.students.length + " studying"
: "Loading"}
</Text> </Text>
{users.map((user: GroupMessageAvatarType, index: number) => { {users.map((user: GroupMessageAvatarType, index: number) => {
if (index > 6) { if (index > 6) {