From 97424ad7ffbfe53e7ae15756af90f026d5e52f19 Mon Sep 17 00:00:00 2001
From: MangoCubes <10383115+MangoCubes@users.noreply.github.com>
Date: Sun, 11 Sep 2022 20:21:03 +0900
Subject: [PATCH] Updated README.md

---
 README.md                                 | 31 +++++++++++++++++++++--
 src/Translation.tsx                       |  4 +++
 src/root/users/userId/UserDetailsEdit.tsx |  8 +++---
 3 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 5cd40b4..1725da6 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,32 @@
 # Matrix Panel
-This project is a web app for your [Matrix chat](https://matrix.org/) homeserver that allows you to do administrative actions on it.
 
-## Use Without Installing
+## Project Overview
+This project is a web app for your [Matrix chat](https://matrix.org/) Synapse homeserver that allows you to do administrative actions on it.
+
+Actions are focused on things you cannot do on most normal clients such as Element.
+
+Project is built with React combined with MUI. Props to them for creating easy-to-use library.
+
+## Features
+ - Rooms
+   - View all rooms
+   - View members in a room
+   - Invite yourself, and grant room admin permission for yourself
+   - Delete History
+   - Delete/block room
+   - See all rooms and spaces in a tree-like format 
+ - Users
+   - View all users
+   - Deactivate or promote user
+   - Reset password
+   - View all sessions and devices, and delete them if necessary
+   - View all rooms a user is in
+   - Generate access token for a user to impersonate them
+
+## How To Use
+You first need a Matrix server. Then you must register an account on the server, then give it admin permission. To give your account admin permission, check out [this page](https://matrix-org.github.io/synapse/latest/usage/administration/admin_api/).
+
+Once granted, you can log into the page, either by self-hosting it or using the public instance available below.
+
+## Public Instance
 Public instance is available [here](http://mangocubes.github.io/matrix-panel).
diff --git a/src/Translation.tsx b/src/Translation.tsx
index dfe5bdd..cdf9d5a 100644
--- a/src/Translation.tsx
+++ b/src/Translation.tsx
@@ -249,6 +249,10 @@ const resources = {
 						desc: 'Set a name other users will see in a chatroom.',
 						displayName: 'Display Name'
 					},
+					type: {
+						title: 'Set Account Type',
+						desc: 'Edit what type of account this will be.'
+					},
 					success: 'User details updated successfully.'
 				},
 				sessions: {
diff --git a/src/root/users/userId/UserDetailsEdit.tsx b/src/root/users/userId/UserDetailsEdit.tsx
index f3cf3cd..82ddb4d 100644
--- a/src/root/users/userId/UserDetailsEdit.tsx
+++ b/src/root/users/userId/UserDetailsEdit.tsx
@@ -1,4 +1,4 @@
-import { PersonOff, AdminPanelSettings, Badge, Password } from "@mui/icons-material";
+import { PersonOff, AdminPanelSettings, Badge, Password, ManageAccounts } from "@mui/icons-material";
 import { CardContent, List, ListItem, ListItemIcon, ListItemText, Switch, Button, CardActions, TextField, DialogActions, Dialog, DialogContent, DialogTitle, Stack, MenuItem, Select } from "@mui/material";
 import { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -126,16 +126,16 @@ export function UserDetailsEdit(props: {user: User, disableTabs: (to: boolean) =
 					<ListItemText primary={t('user.options.password.title')} secondary={t(`user.options.password.desc`)}/>
 				</ListItem>
 				<ListItem secondaryAction={
-					<Select label={t('user.types.type')} value={userData.userType} onChange={e => setUserData({...userData, userType: e.target.value as Type})} variant='standard'>
+					<Select label={t('user.types.type')} value={userData.userType} disabled={querying} onChange={e => setUserData({...userData, userType: e.target.value as Type})} variant='standard'>
 						<MenuItem value={Type.Normal}>{t('user.types.normal')}</MenuItem>
 						<MenuItem value={Type.Bot}>{t('user.types.bot')}</MenuItem>
 						<MenuItem value={Type.Support}>{t('user.types.support')}</MenuItem>
 					</Select>
 				}>
 					<ListItemIcon>
-						<Password/>	
+						<ManageAccounts/>	
 					</ListItemIcon>
-					<ListItemText primary={t('user.options.password.title')} secondary={t(`user.options.password.desc`)}/>
+					<ListItemText primary={t('user.options.type.title')} secondary={t(`user.options.type.desc`)}/>
 				</ListItem>
 			</List>
 		</CardContent>