diff --git a/src/app/organisms/room/commands.js b/src/app/organisms/room/commands.jsx
similarity index 86%
rename from src/app/organisms/room/commands.js
rename to src/app/organisms/room/commands.jsx
index 57796a01..b9314722 100644
--- a/src/app/organisms/room/commands.js
+++ b/src/app/organisms/room/commands.jsx
@@ -1,8 +1,14 @@
+import React from 'react';
+import './commands.scss';
+
import initMatrix from '../../../client/initMatrix';
import { toggleMarkdown } from '../../../client/action/settings';
import * as roomActions from '../../../client/action/room';
import { hasDMWith, hasDevices } from '../../../util/matrixUtil';
-import { selectRoom } from '../../../client/action/navigation';
+import { selectRoom, openReusableDialog } from '../../../client/action/navigation';
+
+import Text from '../../atoms/text/Text';
+import SettingTile from '../../molecules/setting-tile/SettingTile';
const MXID_REG = /^@\S+:\S+$/;
const ROOM_ID_ALIAS_REG = /^(#|!)\S+:\S+$/;
@@ -27,6 +33,12 @@ const commands = {
'm.text',
),
},
+ help: {
+ name: 'help',
+ description: 'View all commands',
+ // eslint-disable-next-line no-use-before-define
+ exe: () => openHelpDialog(),
+ },
markdown: {
name: 'markdown',
description: 'Toggle markdown for messages',
@@ -172,4 +184,21 @@ const commands = {
},
};
+function openHelpDialog() {
+ openReusableDialog(
+