mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-23 03:05:45 +03:00
Code Issues Projects Releases Packages Wiki Activity

Introduce a "pinned" tile shape

Browse source 
All components which don't understand this shape will fall through to their normal states, as they would for no explicit tile shape.
This commit is contained in:
Travis Ralston 2021-07-13 19:01:55 -06:00
parent 49c9492484
commit 5a75539b93
3 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/views/audio_messages/RecordingPlayback.tsx
View file

@ -54,7 +54,9 @@ export default class RecordingPlayback extends React.PureComponent<IProps, IStat
}
private get isWaveformable(): boolean {
return this.props.tileShape !== TileShape.Notif && this.props.tileShape !== TileShape.FileGrid;
return this.props.tileShape !== TileShape.Notif
&& this.props.tileShape !== TileShape.FileGrid
&& this.props.tileShape !== TileShape.Pinned;
}
private onPlaybackUpdate = (ev: PlaybackState) => {

1
src/components/views/rooms/EventTile.tsx
View file

@ -194,6 +194,7 @@ export enum TileShape {
FileGrid = "file_grid",
Reply = "reply",
ReplyPreview = "reply_preview",
Pinned = "pinned",
}
interface IProps {

2
src/components/views/rooms/PinnedEventTile.tsx
View file

@ -29,6 +29,7 @@ import { replaceableComponent } from "../../../utils/replaceableComponent";
import MatrixClientContext from "../../../contexts/MatrixClientContext";
import { getUserNameColorClass } from "../../../utils/FormattingUtils";
import AccessibleTooltipButton from "../elements/AccessibleTooltipButton";
import { TileShape } from "./EventTile";
interface IProps {
room: Room;
@ -87,6 +88,7 @@ export default class PinnedEventTile extends React.Component<IProps> {
className="mx_PinnedEventTile_body"
maxImageHeight={150}
onHeightChanged={() => {}} // we need to give this, apparently
tileShape={TileShape.Pinned}
/>
</div>