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

Merge pull request #5734 from matrix-org/travis/skinning/pt3-easy-comps

Browse source 
[SK-3] Decorate easy components with replaceableComponent
This commit is contained in:
Travis Ralston 2021-03-11 07:26:20 -07:00 • committed by GitHub
commit 229a95f190
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
296 changed files with 595 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/right_panel/GroupHeaderButtons.tsx
View file

@ -26,6 +26,7 @@ import {RightPanelPhases} from "../../../stores/RightPanelStorePhases";
import {Action} from "../../../dispatcher/actions";
import {ActionPayload} from "../../../dispatcher/payloads";
import {ViewUserPayload} from "../../../dispatcher/payloads/ViewUserPayload";
import {replaceableComponent} from "../../../utils/replaceableComponent";
const GROUP_PHASES = [
RightPanelPhases.GroupMemberInfo,
@ -38,6 +39,7 @@ const ROOM_PHASES = [
interface IProps {}
@replaceableComponent("views.right_panel.GroupHeaderButtons")
export default class GroupHeaderButtons extends HeaderButtons {
constructor(props: IProps) {
super(props, HeaderKind.Group);

2
src/components/views/right_panel/HeaderButton.tsx
View file

@ -22,6 +22,7 @@ import React from 'react';
import classNames from 'classnames';
import Analytics from '../../../Analytics';
import AccessibleTooltipButton from "../elements/AccessibleTooltipButton";
import {replaceableComponent} from "../../../utils/replaceableComponent";
interface IProps {
// Whether this button is highlighted
@ -41,6 +42,7 @@ interface IProps {
// TODO: replace this, the composer buttons and the right panel buttons with a unified
// representation
@replaceableComponent("views.right_panel.HeaderButton")
export default class HeaderButton extends React.Component<IProps> {
constructor(props: IProps) {
super(props);

2
src/components/views/right_panel/HeaderButtons.tsx
View file

@ -28,6 +28,7 @@ import {
SetRightPanelPhaseRefireParams,
} from '../../../dispatcher/payloads/SetRightPanelPhasePayload';
import {EventSubscription} from "fbemitter";
import {replaceableComponent} from "../../../utils/replaceableComponent";
export enum HeaderKind {
Room = "room",
@ -41,6 +42,7 @@ interface IState {
interface IProps {}
@replaceableComponent("views.right_panel.HeaderButtons")
export default abstract class HeaderButtons extends React.Component<IProps, IState> {
private storeToken: EventSubscription;
private dispatcherRef: string;

2
src/components/views/right_panel/RoomHeaderButtons.tsx
View file

@ -26,6 +26,7 @@ import {RightPanelPhases} from "../../../stores/RightPanelStorePhases";
import {Action} from "../../../dispatcher/actions";
import {ActionPayload} from "../../../dispatcher/payloads";
import RightPanelStore from "../../../stores/RightPanelStore";
import {replaceableComponent} from "../../../utils/replaceableComponent";
const ROOM_INFO_PHASES = [
RightPanelPhases.RoomSummary,
@ -37,6 +38,7 @@ const ROOM_INFO_PHASES = [
RightPanelPhases.Room3pidMemberInfo,
];
@replaceableComponent("views.right_panel.RoomHeaderButtons")
export default class RoomHeaderButtons extends HeaderButtons {
constructor(props) {
super(props, HeaderKind.Room);

2
src/components/views/right_panel/VerificationPanel.tsx
View file

@ -36,6 +36,7 @@ import {
PHASE_CANCELLED,
} from "matrix-js-sdk/src/crypto/verification/request/VerificationRequest";
import Spinner from "../elements/Spinner";
import {replaceableComponent} from "../../../utils/replaceableComponent";
// XXX: Should be defined in matrix-js-sdk
enum VerificationPhase {
@ -65,6 +66,7 @@ interface IState {
reciprocateQREvent?: ReciprocateQRCode;
}
@replaceableComponent("views.right_panel.VerificationPanel")
export default class VerificationPanel extends React.PureComponent<IProps, IState> {
private hasVerifier: boolean;