Updated README.md

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).

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: {

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>