imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

remove RedactedGrouper for now

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2020-04-27 23:27:46 +01:00
parent a399b1018a
commit 83a4558d49
3 changed files with 13 additions and 185 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/components/views/elements/EventListSummary.js
View file

@ -22,7 +22,8 @@ import {MatrixEvent, RoomMember} from "matrix-js-sdk";
import {useStateToggle} from "../../../hooks/useStateToggle";
import AccessibleButton from "./AccessibleButton";
const EventListSummary = ({events, children, threshold=3, onToggle, startExpanded, summaryMembers=[], summaryText}) => {
const EventListSummary = (props) => {
const {events, children, threshold=3, onToggle, startExpanded, summaryMembers=[], summaryText, summary} = props;
const [expanded, toggleExpanded] = useStateToggle(startExpanded);
// Whenever expanded changes call onToggle
@ -49,6 +50,8 @@ const EventListSummary = ({events, children, threshold=3, onToggle, startExpande
<div className="mx_EventListSummary_line">&nbsp;</div>
{ children }
</React.Fragment>;
} else if (summary) {
body = summary;
} else {
const avatars = summaryMembers.map((m) => <MemberAvatar key={m.userId} member={m} width={14} height={14} />);
body = (
@ -66,12 +69,12 @@ const EventListSummary = ({events, children, threshold=3, onToggle, startExpande
}
return (
<div className="mx_EventListSummary" data-scroll-tokens={eventIds}>
<li className="mx_EventListSummary" data-scroll-tokens={eventIds}>
<AccessibleButton className="mx_EventListSummary_toggle" onClick={toggleExpanded} aria-expanded={expanded}>
{ expanded ? _t('collapse') : _t('expand') }
</AccessibleButton>
{ body }
</div>
</li>
);
};
@ -87,10 +90,13 @@ EventListSummary.propTypes = {
// Whether or not to begin with state.expanded=true
startExpanded: PropTypes.bool,
// The list of room members for which to show avatars next to the summary
// The node to render as a summary when the summary is not collapsed,
// alternately summaryMembers and summaryText can be provided.
summary: PropTypes.node,
// The list of room members for which to show avatars next to the summary, ignored if summary is provided
summaryMembers: PropTypes.arrayOf(PropTypes.instanceOf(RoomMember)),
// The text to show as the summary of this event list
summaryText: PropTypes.string.isRequired,
// The text to show as the summary of this event list, ignored if summary is provided
summaryText: PropTypes.string,
};
export default EventListSummary;

81
src/components/views/elements/RedactionEventListSummary.tsx
View file

@ -1,81 +0,0 @@
/*
Copyright 2020 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 from "react";
import {MatrixClient} from "matrix-js-sdk/src/client";
import {MatrixEvent} from "matrix-js-sdk/src/models/event";
import { _t } from "../../../languageHandler";
import * as sdk from "../../../index";
import MatrixClientContext from "../../../contexts/MatrixClientContext";
interface IProps {
// An array of member events to summarise
events: MatrixEvent[];
// An array of EventTiles to render when expanded
children: React.ReactChildren;
// The minimum number of events needed to trigger summarisation
threshold?: number;
// Called when the ELS expansion is toggled
onToggle: () => void;
// Whether or not to begin with state.expanded=true
startExpanded?: boolean;
}
export default class RedactionEventListSummary extends React.Component<IProps> {
static displayName = "RedactionEventListSummary";
static defaultProps = {
threshold: 2,
};
static contextType = MatrixClientContext;
shouldComponentUpdate(nextProps) {
// Update if
// - The number of summarised events has changed
// - or if the summary is about to toggle to become collapsed
// - or if there are fewEvents, meaning the child eventTiles are shown as-is
return (
nextProps.events.length !== this.props.events.length ||
nextProps.events.length < this.props.threshold
);
}
render() {
const count = this.props.events.length;
const redactionSender = this.props.events[0].getUnsigned().redacted_because.sender;
let avatarMember = this.props.events[0].sender;
let summaryText = _t("%(count)s messages deleted", { count });
if (redactionSender !== this.context.getUserId()) {
const room = (this.context as MatrixClient).getRoom(redactionSender || this.props.events[0].getSender());
avatarMember = room && room.getMember(redactionSender);
const name = avatarMember ? avatarMember.name : redactionSender;
summaryText = _t("%(count)s messages deleted by %(name)s", { count, name });
}
const EventListSummary = sdk.getComponent("views.elements.EventListSummary");
return <EventListSummary
events={this.props.events}
threshold={this.props.threshold}
onToggle={this.props.onToggle}
startExpanded={this.props.startExpanded}
children={this.props.children}
summaryMembers={[avatarMember]}
summaryText={summaryText} />;
}
}