18ab325eaf
* wip * remove dupe * use poll model relations in all cases * update mpollbody tests to use poll instance * update poll fetching login in pinned messages card * add pinned polls to room polls state * add spinner while relations are still loading * handle no poll in end poll dialog * strict errors * render a poll body that errors for poll end events * add fetching logic to pollend tile * extract poll testing utilities * test mpollend * strict fix * more strict fix * strict fix for forwardref * add filter component * update poll test utils * add unstyled filter tab group * filtertabgroup snapshot * lint * update test util setupRoomWithPollEvents to allow testing multiple polls in one room * style filter tabs * test error message for past polls * sort polls list by latest * move FilterTabGroup into generic components * comments * Update src/components/views/dialogs/polls/types.ts Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> * Apply suggestions from code review Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com> --------- Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
62 lines
2.3 KiB
TypeScript
62 lines
2.3 KiB
TypeScript
/*
|
|
Copyright 2023 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import React, { useEffect, useState } from "react";
|
|
import { MatrixClient } from "matrix-js-sdk/src/client";
|
|
import { MatrixEvent, Poll } from "matrix-js-sdk/src/matrix";
|
|
|
|
import { _t } from "../../../../languageHandler";
|
|
import BaseDialog from "../BaseDialog";
|
|
import { IDialogProps } from "../IDialogProps";
|
|
import { PollHistoryList } from "./PollHistoryList";
|
|
import { PollHistoryFilter } from "./types";
|
|
import { usePolls } from "./usePollHistory";
|
|
|
|
type PollHistoryDialogProps = Pick<IDialogProps, "onFinished"> & {
|
|
roomId: string;
|
|
matrixClient: MatrixClient;
|
|
};
|
|
|
|
const sortEventsByLatest = (left: MatrixEvent, right: MatrixEvent): number => right.getTs() - left.getTs();
|
|
const filterPolls =
|
|
(filter: PollHistoryFilter) =>
|
|
(poll: Poll): boolean =>
|
|
(filter === "ACTIVE") !== poll.isEnded;
|
|
const filterAndSortPolls = (polls: Map<string, Poll>, filter: PollHistoryFilter): MatrixEvent[] => {
|
|
return [...polls.values()]
|
|
.filter(filterPolls(filter))
|
|
.map((poll) => poll.rootEvent)
|
|
.sort(sortEventsByLatest);
|
|
};
|
|
|
|
export const PollHistoryDialog: React.FC<PollHistoryDialogProps> = ({ roomId, matrixClient, onFinished }) => {
|
|
const { polls } = usePolls(roomId, matrixClient);
|
|
const [filter, setFilter] = useState<PollHistoryFilter>("ACTIVE");
|
|
const [pollStartEvents, setPollStartEvents] = useState(filterAndSortPolls(polls, filter));
|
|
|
|
useEffect(() => {
|
|
setPollStartEvents(filterAndSortPolls(polls, filter));
|
|
}, [filter, polls]);
|
|
|
|
return (
|
|
<BaseDialog title={_t("Polls history")} onFinished={onFinished}>
|
|
<div className="mx_PollHistoryDialog_content">
|
|
<PollHistoryList pollStartEvents={pollStartEvents} filter={filter} onFilterChange={setFilter} />
|
|
</div>
|
|
</BaseDialog>
|
|
);
|
|
};
|