-
- );
-}
-
-export default CardDetails;
diff --git a/webclient/src/components/CheckboxField/CheckboxField.css b/webclient/src/components/CheckboxField/CheckboxField.css
deleted file mode 100644
index e69de29bb..000000000
diff --git a/webclient/src/components/CheckboxField/CheckboxField.tsx b/webclient/src/components/CheckboxField/CheckboxField.tsx
deleted file mode 100644
index 562687489..000000000
--- a/webclient/src/components/CheckboxField/CheckboxField.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-import Checkbox from '@mui/material/Checkbox';
-import FormControlLabel from '@mui/material/FormControlLabel';
-
-const CheckboxField = (props) => {
- const { input: { value, onChange }, label, ...args } = props;
-
- // @TODO this isnt unchecking properly
- return (
-
-
-
- {
- card && (
-
-
- )
- }
-
-
-
-
- Name:
- {card.name}
-
-
- {
- (!card.power && !card.toughness) ? null : (
-
- P/T:
- {card.power || 0}/{card.toughness || 0}
-
- )
- }
-
- {
- !card.manaCost ? null : (
-
- Cost:
- {card.manaCost.replace(/\{|\}/g, '')}
-
- )
- }
-
- {
- !card.convertedManaCost ? null : (
-
- CMC:
- {card.convertedManaCost}
-
- )
- }
-
- {
- !card.colorIdentity?.length ? null : (
-
- Identity:
- {card.colorIdentity.join('')}
-
- )
- }
-
- {
- !card.colors?.length ? null : (
-
- Color(s):
- {card.colors.join('')}
-
- )
- }
-
- {
- !card.types?.length ? null : (
-
- Main Type:
- {card.types.join(', ')}
-
- )
- }
-
- {
- !card.type ? null : (
-
- Type:
- {card.type}
-
- )
- }
-
- {
- !card.side ? null : (
-
- Side:
- {card.side}
-
- )
- }
-
- {
- !card.layout ? null : (
-
- Layout:
- {card.layout}
-
- )
- }
-
-
-
- {card.text?.trim()}
-
-
-
- {card.flavorText?.trim()}
-
-
-
-);
-
-InputAction.defaultProps = {
- disabled: false,
- validate: () => false,
-}
-
-export default InputAction;
diff --git a/webclient/src/components/InputField/InputField.css b/webclient/src/components/InputField/InputField.css
deleted file mode 100644
index 819f7112a..000000000
--- a/webclient/src/components/InputField/InputField.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.InputField {
- position: relative;
-}
-
-.InputField-validation {
- position: absolute;
- top: 0;
- right: 0;
- transform: translateY(-50%);
- font-weight: bold;
-}
-
-.InputField-error {
- display: flex;
- align-items: center;
-}
-
-.InputField-error svg {
- margin-left: 4px;
-}
diff --git a/webclient/src/components/InputField/InputField.tsx b/webclient/src/components/InputField/InputField.tsx
deleted file mode 100644
index 3299ba383..000000000
--- a/webclient/src/components/InputField/InputField.tsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import { styled } from '@mui/material/styles';
-import TextField from '@mui/material/TextField';
-import ErrorOutlinedIcon from '@mui/icons-material/ErrorOutlined';
-
-import './InputField.css';
-
-const PREFIX = 'InputField';
-
-const classes = {
- root: `${PREFIX}-root`
-};
-
-const Root = styled('div')(({ theme }) => ({
- [`&.${classes.root}`]: {
- '& .InputField-error': {
- color: theme.palette.error.main
- },
-
- '& .InputField-warning': {
- color: theme.palette.warning.main
- },
- },
-}));
-
-const InputField = ({ input, meta, ...args }) => {
- const { touched, error, warning } = meta;
-
- return (
-
-
-
-
-
-
- {
- (error &&
-
- ) }
-
-
- {error}
-
- ) ||
-
- (warning && {warning}
)
- }
-
- {
- (error &&
-
- ) }
-
-
- {error}
-
- ) ||
-
- (warning && {warning}
)
- }
-
- { card && (
-
-
-);
-
-const ParsedMessage = ({ message }) => {
- const [messageChunks, setMessageChunks] = useState(null);
- const [name, setName] = useState(null);
-
- useMemo(() => {
- const name = message.match(MESSAGE_SENDER_REGEX);
-
- if (name) {
- setName(name[1]);
- }
-
- setMessageChunks(parseMessage(message));
- }, [message]);
-
- return (
-
-
-
- { name && (
- );
-};
-
-const PlayerLink = ({ name, label = name }) => (
-
- {content}
-
-
- )
-}
-
-export default ScrollToBottomOnChanges;
diff --git a/webclient/src/components/SelectField/SelectField.css b/webclient/src/components/SelectField/SelectField.css
deleted file mode 100644
index c59e851ae..000000000
--- a/webclient/src/components/SelectField/SelectField.css
+++ /dev/null
@@ -1,4 +0,0 @@
-.select-field label {
- background: white;
- padding: 0 5px;
-}
\ No newline at end of file
diff --git a/webclient/src/components/SelectField/SelectField.tsx b/webclient/src/components/SelectField/SelectField.tsx
deleted file mode 100644
index fdbef0e9c..000000000
--- a/webclient/src/components/SelectField/SelectField.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import React from 'react';
-import FormControl from '@mui/material/FormControl';
-import InputLabel from '@mui/material/InputLabel';
-import MenuItem from '@mui/material/MenuItem';
-import Select from '@mui/material/Select';
-
-import './SelectField.css';
-
-const SelectField = ({ input, label, options, value }) => {
- const id = label + '-select-field';
- const labelId = id + '-label';
-
- return (
-
-
-
-
- {this.props.top}
-
-
- {this.props.bottom}
-
-
-
-
- {this.props.side}
-
-
-
-
- );
- }
-}
-
-interface ThreePaneLayoutProps {
- top: CElement
- {Array.from(state.toasts).map(([key, value]) => {
- const { isOpen, children } = value;
- return (
- dispatch({ type: ACTIONS.CLOSE_TOAST, payload: { key } })}>
- {children}
-
- )
- })}
-
-
-
- );
-}
-
-export default TokenDetails;
diff --git a/webclient/src/components/UserDisplay/UserDisplay.css b/webclient/src/components/UserDisplay/UserDisplay.css
deleted file mode 100644
index 0697c7f68..000000000
--- a/webclient/src/components/UserDisplay/UserDisplay.css
+++ /dev/null
@@ -1,16 +0,0 @@
-.user-display,
-.user-display__link {
- height: 100%;
- width: 100%;
-}
-
-.user-display__details {
- height: 100%;
- display: flex;
- align-items: center;
-}
-
-.user-display__country {
- width: 1.1em;
- margin-right: 0.4em;
-}
diff --git a/webclient/src/components/UserDisplay/UserDisplay.tsx b/webclient/src/components/UserDisplay/UserDisplay.tsx
deleted file mode 100644
index 9c45a0f51..000000000
--- a/webclient/src/components/UserDisplay/UserDisplay.tsx
+++ /dev/null
@@ -1,150 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import { connect } from 'react-redux';
-import { NavLink, generatePath } from 'react-router-dom';
-
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-
-import { Images } from 'images/Images';
-import { SessionService } from 'api';
-import { ServerSelectors } from 'store';
-import { RouteEnum, User } from 'types';
-
-import './UserDisplay.css';
-
-
-class UserDisplay extends Component
-
-
- {
- token && (
-
-
- )
- }
-
-
-
-
- {
- !token.text?.value ? null : (
-
- Name:
- {token.name?.value}
-
-
- {
- (!props.pt?.value) ? null : (
-
- P/T:
- {props.pt.value}
-
- )
- }
-
- {
- !props.colors?.value ? null : (
-
- Color(s):
- {props.colors.value}
-
- )
- }
-
- {
- !props.maintype?.value ? null : (
-
- Main Type:
- {props.maintype.value}
-
- )
- }
-
- {
- !props.type?.value ? null : (
-
- Type:
- {props.type.value}
-
- )
- }
-
-
- )
- }
-
- {token.text.value}
-
-
-
-
-
- );
- }
-}
-
-interface UserDisplayProps {
- user: User;
- buddyList: User[];
- ignoreList: User[];
-}
-
-interface UserDisplayState {
- position: any;
-}
-
-const mapStateToProps = (state) => ({
- buddyList: ServerSelectors.getBuddyList(state),
- ignoreList: ServerSelectors.getIgnoreList(state)
-});
-
-export default connect(mapStateToProps)(UserDisplay);
diff --git a/webclient/src/components/VirtualList/VirtualList.css b/webclient/src/components/VirtualList/VirtualList.css
deleted file mode 100644
index 330cd5a90..000000000
--- a/webclient/src/components/VirtualList/VirtualList.css
+++ /dev/null
@@ -1,3 +0,0 @@
-.virtual-list {
- height: 100%;
-}
\ No newline at end of file
diff --git a/webclient/src/components/VirtualList/VirtualList.tsx b/webclient/src/components/VirtualList/VirtualList.tsx
deleted file mode 100644
index e40ef712c..000000000
--- a/webclient/src/components/VirtualList/VirtualList.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-// eslint-disable-next-line
-import React from "react";
-
-import { FixedSizeList as List } from 'react-window';
-import AutoSizer from 'react-virtualized-auto-sizer';
-
-import './VirtualList.css';
-
-const VirtualList = ({ items, itemKey, className = {}, size = 30 }) => (
-
- 
-
- {name}
-
-
-
-
-
- {({ height, width }) => (
-
-
-);
-
-const Row = ({ data, index, style }) => (
- -
- {Row}
-
- {data[index]}
-
-);
-
-export default VirtualList;
diff --git a/webclient/src/components/index.ts b/webclient/src/components/index.ts
deleted file mode 100644
index 2d67b3003..000000000
--- a/webclient/src/components/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// Common components
-export { default as Card } from './Card/Card';
-export { default as CardDetails } from './CardDetails/CardDetails';
-export { default as CountryDropdown } from './CountryDropdown/CountryDropdown';
-export { default as InputField } from './InputField/InputField';
-export { default as InputAction } from './InputAction/InputAction';
-export { default as KnownHosts } from './KnownHosts/KnownHosts';
-export { default as LanguageDropdown } from './LanguageDropdown/LanguageDropdown';
-export { default as Message } from './Message/Message';
-export { default as VirtualList } from './VirtualList/VirtualList';
-export { default as UserDisplay } from './UserDisplay/UserDisplay';
-export { default as ThreePaneLayout } from './ThreePaneLayout/ThreePaneLayout';
-export { default as CheckboxField } from './CheckboxField/CheckboxField';
-export { default as SelectField } from './SelectField/SelectField';
-export { default as ScrollToBottomOnChanges } from './ScrollToBottomOnChanges/ScrollToBottomOnChanges';
-
-// Guards
-export { default as AuthGuard } from './Guard/AuthGuard';
-export { default as ModGuard } from './Guard/ModGuard';
diff --git a/webclient/src/containers/Account/Account.css b/webclient/src/containers/Account/Account.css
deleted file mode 100644
index 6b5c995a9..000000000
--- a/webclient/src/containers/Account/Account.css
+++ /dev/null
@@ -1,53 +0,0 @@
-.account {
- display: flex;
- justify-content: space-between;
- height: 100%;
- padding: 5px;
-}
-
-.account-column {
- display: flex;
- flex-direction: column;
- width: 33%;
-}
-
-
-.account-list {
- display: flex;
- flex-direction: column;
- height: 100%;
- padding: 20px;
-}
-
-.account-details {
- display: flex;
- flex-direction: column;
- align-items: center;
- padding: 20px;
-}
-
-
-.account-details__actions {
- display: flex;
- align-items: stretch;
- justify-content: space-around;
- width: 100%;
-}
-
-.account-details p {
- margin-bottom: 10px;
-}
-
-.account-details button {
- margin-top: 10px;
- font-size: 10px;
-}
-
-.account-details > img {
- width: 100%;
- margin-bottom: 20px;
-}
-
-.account-details__lang {
- margin-top: 20px;
-}
diff --git a/webclient/src/containers/Account/Account.tsx b/webclient/src/containers/Account/Account.tsx
deleted file mode 100644
index 0c4e001a0..000000000
--- a/webclient/src/containers/Account/Account.tsx
+++ /dev/null
@@ -1,120 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import { useTranslation } from 'react-i18next';
-import { connect } from 'react-redux';
-
-import Button from '@mui/material/Button';
-import ListItem from '@mui/material/ListItem';
-import Paper from '@mui/material/Paper';
-
-import { UserDisplay, VirtualList, AuthGuard, LanguageDropdown } from 'components';
-import { AuthenticationService, SessionService } from 'api';
-import { ServerSelectors } from 'store';
-import { User } from 'types';
-import Layout from 'containers/Layout/Layout';
-
-import AddToBuddies from './AddToBuddies';
-import AddToIgnore from './AddToIgnore';
-
-import './Account.css';
-
-const Account = (props: AccountProps) => {
- const { buddyList, ignoreList, serverName, serverVersion, user } = props;
- const { country, realName, name, userLevel, accountageSecs, avatarBmp } = user || {};
- let url = URL.createObjectURL(new Blob([avatarBmp], { 'type': 'image/png' }));
-
- const { t } = useTranslation();
-
- const handleAddToBuddies = ({ userName }) => {
- SessionService.addToBuddyList(userName);
- };
-
- const handleAddToIgnore = ({ userName }) => {
- SessionService.addToIgnoreList(userName);
- };
-
- return (
-
-
- buddyList[index].name }
- items={ buddyList.map(user => (
-
-
- )) }
- />
-
-
-
- Buddies Online: ?/{buddyList.length}
-
-
-
-
-
- ignoreList[index].name }
- items={ ignoreList.map(user => (
-
-
- )) }
- />
-
-
-
- Ignored Users Online: ?/{ignoreList.length}
-
-
-
-
-
- 
-
-
-
-
- {name}
-Location: ({country?.toUpperCase()})
-User Level: {userLevel}
-Account Age: {accountageSecs}
-Real Name: {realName}
-
-
-
-
-
-
- Server Name: {serverName}
-Server Version: {serverVersion}
- - -
-
-
-
-
-
-
-
-
-
-);
-
-export default AppShellRoutes;
diff --git a/webclient/src/containers/App/FeatureDetection.tsx b/webclient/src/containers/App/FeatureDetection.tsx
deleted file mode 100644
index ed9e1f241..000000000
--- a/webclient/src/containers/App/FeatureDetection.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Navigate } from 'react-router-dom';
-import { dexieService } from 'services';
-import { RouteEnum } from 'types';
-
-const FeatureDetection = () => {
- const [unsupported, setUnsupported] = useState(false);
-
- useEffect(() => {
- const features: Promise
- 
- { t('InitializeContainer.title') }
-
-
-
-
-
-
-
-
-
-
-
-
-
- {showNav &&
-
-
- )
-}
-
-function BottomBar(props) {
- return (
-
- {children}
-
- {showNav &&
-
- )
-}
-
-interface LayoutProps {
- showNav?: boolean;
- children: any;
- className?: string;
- noHeightLimit?: boolean
-}
-
-export default Layout;
diff --git a/webclient/src/containers/Layout/LeftNav.css b/webclient/src/containers/Layout/LeftNav.css
deleted file mode 100644
index 85c851d2e..000000000
--- a/webclient/src/containers/Layout/LeftNav.css
+++ /dev/null
@@ -1,128 +0,0 @@
-.LeftNav__container {
- background: #7033DB;
- width: 100px;
- min-width: 100px;
- height: 100%;
-}
-
-.LeftNav__logo {
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 16px 0;
-}
-
-.LeftNav__logo a {
- line-height: 1;
-}
-
-.LeftNav__logo img {
- height: 32px;
-}
-
-.LeftNav-content {
- color: white;
-}
-
-.LeftNav-serverDetails {
- font-size: 12px;
-}
-
-.LeftNav-server__indicator {
- display: inline-block;
- height: 12px;
- width: 12px;
- background: red;
- border: 1px solid;
- border-radius: 50%;
- margin-left: 10px;
-}
-
-.LeftNav-nav {
-}
-
-.LeftNav-nav__links {
- display: flex;
- flex-flow: column;
- align-items: center;
- gap: 16px;
-}
-
-.LeftNav-nav__link {
- position: relative;
- height: 100%;
-}
-
-.LeftNav-nav__link:hover {
- background: rgba(0, 0, 0, .125);
-}
-
-.LeftNav-nav__link:hover .LeftNav-nav__link-menu {
- display: block;
-}
-
-.LeftNav-nav__link-btn {
- display: flex;
- height: 100%;
- width: 100%;
- align-items: center;
- padding: 5px 20px;
- font-weight: bold;
-}
-
-.LeftNav-nav__link-btn__icon {
- margin-left: 5px;
-}
-
-.LeftNav-nav__link-menu {
- display: none;
- position: absolute;
- bottom: 0;
- transform: translateY(100%);
- min-width: 150px;
- background: #3f51b5;
- box-shadow: 1px 1px 2px 0px black;
- z-index: 1;
-}
-
-.LeftNav-nav__link-menu__item {
- padding: 0 !important;
-}
-
-.LeftNav-nav__link-menu__btn {
- padding: 6px 16px;
- width: 100%;
- color: white;
- display: flex;
- justify-content: space-between;
-}
-
-.LeftNav-nav__actions {
- display: flex;
- justify-content: center;
-}
-
-.LeftNav-nav__action {
-
-}
-
-.LeftNav-nav__action button {
- color: white;
-}
-
-.temp-subnav__rooms {
- display: flex;
- align-items: center;
- font-size: 10px;
- padding: 5px;
-}
-
-.temp-chip {
- margin-left: 5px;
- text-decoration: none;
-}
-
-
-.temp-chip > div {
- cursor: inherit;
-}
diff --git a/webclient/src/containers/Layout/LeftNav.tsx b/webclient/src/containers/Layout/LeftNav.tsx
deleted file mode 100644
index a81eb6ce2..000000000
--- a/webclient/src/containers/Layout/LeftNav.tsx
+++ /dev/null
@@ -1,195 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { connect } from 'react-redux';
-import { NavLink, useNavigate, generatePath } from 'react-router-dom';
-import IconButton from '@mui/material/IconButton';
-import Menu from '@mui/material/Menu';
-import MenuItem from '@mui/material/MenuItem';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import CloseIcon from '@mui/icons-material/Close';
-import MailOutlineRoundedIcon from '@mui/icons-material/MailOutline';
-import MenuRoundedIcon from '@mui/icons-material/MenuRounded';
-import * as _ from 'lodash';
-
-import { AuthenticationService, RoomsService } from 'api';
-import { CardImportDialog } from 'dialogs';
-import { Images } from 'images';
-import { RoomsSelectors, ServerSelectors } from 'store';
-import { Room, RouteEnum, User } from 'types';
-
-import './LeftNav.css';
-
-const LeftNav = ({ joinedRooms, serverState, user }: LeftNavProps) => {
- const navigate = useNavigate();
- const [state, setState] = useState
-
- );
-}
-
-interface LeftNavProps {
- serverState: number;
- server: string;
- user: User;
- joinedRooms: Room[];
- showNav?: boolean;
-}
-
-interface LeftNavState {
- anchorEl: Element;
- showCardImportDialog: boolean;
- options: string[];
-}
-
-const mapStateToProps = state => ({
- serverState: ServerSelectors.getState(state),
- server: ServerSelectors.getName(state),
- user: ServerSelectors.getUser(state),
- joinedRooms: RoomsSelectors.getJoinedRooms(state),
-});
-
-export default connect(mapStateToProps)(LeftNav);
diff --git a/webclient/src/containers/Layout/logo.png b/webclient/src/containers/Layout/logo.png
deleted file mode 100644
index 7ce83bd20..000000000
Binary files a/webclient/src/containers/Layout/logo.png and /dev/null differ
diff --git a/webclient/src/containers/Login/Login.css b/webclient/src/containers/Login/Login.css
deleted file mode 100644
index 7166187ad..000000000
--- a/webclient/src/containers/Login/Login.css
+++ /dev/null
@@ -1,202 +0,0 @@
-.login {
- height: 100%;
- padding: 50px;
-}
-
-.login__wrapper {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-.login-content {
- width: 100%;
- max-width: 500px;
- display: flex;
- border-radius: 8px;
- overflow: hidden;
-}
-
-.login-content__header {
- font-family: 'Teko', sans-serif;
- font-size: 34px;
- font-weight: bold;
- display: flex;
- align-items: center;
- margin-bottom: 20px;
-}
-
-.login-content__header img {
- height: 60px;
- margin-right: 15px;
-}
-
-.login-content__form {
- width: 100%;
- padding: 50px 50px 33px;
-}
-
-.login-content__form h1 {
- margin-bottom: 20px;
-}
-
-.login-form {
- margin-top: 30px;
-}
-
-.login-content__description {
- display: none;
- position: relative;
- justify-content: center;
- align-items: center;
- text-align: center;
- font-size: 24px;
- overflow: hidden;
-}
-
-.login-content__description-wrapper {
- position: relative;
- width: 70%;
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
-}
-
-.login-content__description-cards {
- width: 100%;
- position: relative;
- display: flex;
- justify-content: space-between;
-}
-
-.login-content__description-cards__card {
- position: relative;
- width: 34%;
- padding-bottom: 46%;
- border-radius: 8px;
- box-shadow: 0 5px 10px 2px rgba(0,0,0,0.20);
- font-weight: bold;
- font-size: 16px;
-}
-
-.login-content__description-cards__card-wrapper {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
-}
-
-.login-content__description-cards__card img {
- width: 70%;
- border-radius: 50%;
- margin: 21% 0 9%;
-}
-
-.login-content__description-cards__card.leftCard {
- transform: rotate(-12deg);
-}
-
-.login-content__description-cards__card.rightCard {
- transform: rotate(12deg);
-}
-
-.login-content__description-cards__card.topCard {
- width: 44%;
- padding-bottom: 59%;
- position: absolute;
- top: 45%;
- left: 50%;
- transform: translate(-50%, -50%);
-}
-
-.login-content__description-subtitle1 {
- margin: 40px 0 20px;
- font-size: 28px;
- font-weight: bold;
-
-}
-.login-content__description-subtitle2 {
- font-size: 14px;
-}
-.login-content__description-square {
- position: absolute;
- border: 1px solid;
- opacity: .1;
-}
-.login-content__description-bar {
- position: absolute;
- opacity: .1;
- border-radius: 8px;
-}
-
-
-.login-content__description-square.topLeft {
- transform: rotate(27deg);
- top: 38px;
- left: 64px;
- height: 134px;
- width: 100px;
- border-radius: 8px;
-}
-
-.login-content__description-square.topRight {
- transform: rotate(10deg);
- top: 74px;
- right: 62px;
- height: 50px;
- width: 66px;
- border-radius: 20px;
-}
-
-.login-content__description-square.bottomLeft {
- transform: rotate(120deg);
- bottom: 61px;
- left: 66px;
- height: 50px;
- width: 66px;
- border-radius: 20px;
-}
-
-.login-content__description-square.bottomRight {
- transform: rotate(-24deg);
- bottom: 54px;
- right: 0;
- height: 88px;
- width: 66px;
- border-radius: 8px;
-}
-.login-content__description-bar.bottomBar {
- transform: rotate(30deg);
- bottom: -4px;
- left: -29px;
- height: 50px;
- width: 222px;
-}
-.login-content__description-bar.topBar {
- transform: rotate(-330deg);
- top: 10px;
- right: -49px;
- height: 50px;
- width: 222px;
-}
-.login-footer {
- margin-top: 30px;
-}
-
-.login-footer__register {
- margin-bottom: 10px;
- font-weight: bold;
-}
-
-.login-footer__language {
- margin-top: 20px;
-}
-
-.login-content__connectionStatus {
- text-align: center;
- margin: 20px 0;
- padding: 20px;
- font-weight: bold;
-}
diff --git a/webclient/src/containers/Login/Login.i18n.json b/webclient/src/containers/Login/Login.i18n.json
deleted file mode 100644
index 13d248bb1..000000000
--- a/webclient/src/containers/Login/Login.i18n.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
- "LoginContainer": {
- "header": {
- "title": "Login",
- "subtitle": "A cross-platform virtual tabletop for multiplayer card games."
- },
- "footer": {
- "registerPrompt": "Not registered yet?",
- "registerAction": "Create an account",
- "credit": "Cockatrice is an open source project",
- "version": "Version"
- },
- "content": {
- "subtitle1": "Play multiplayer card games online.",
- "subtitle2": "Cross-platform virtual tabletop for multiplayer card games. Forever free."
- },
- "toasts": {
- "passwordResetSuccessToast": "Password Reset Successfully",
- "accountActivationSuccess": "Account Activated Successfully"
- }
- }
-}
diff --git a/webclient/src/containers/Login/Login.tsx b/webclient/src/containers/Login/Login.tsx
deleted file mode 100644
index fe008375c..000000000
--- a/webclient/src/containers/Login/Login.tsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import { useState, useCallback } from 'react';
-import { styled } from '@mui/material/styles';
-import { useTranslation } from 'react-i18next';
-import { connect } from 'react-redux';
-import { Navigate } from 'react-router-dom';
-import Button from '@mui/material/Button';
-import Paper from '@mui/material/Paper';
-import Typography from '@mui/material/Typography';
-
-import { AuthenticationService } from 'api';
-import { RegistrationDialog, RequestPasswordResetDialog, ResetPasswordDialog, AccountActivationDialog } from 'dialogs';
-import { LanguageDropdown } from 'components';
-import { LoginForm } from 'forms';
-import { useReduxEffect, useFireOnce } from 'hooks';
-import { Images } from 'images';
-import { HostDTO, serverProps } from 'services';
-import { RouteEnum, WebSocketConnectOptions, getHostPort } from 'types';
-import { ServerSelectors, ServerTypes } from 'store';
-import Layout from 'containers/Layout/Layout';
-
-import './Login.css';
-import { useToast } from 'components/Toast';
-
-const PREFIX = 'Login';
-
-const classes = {
- root: `${PREFIX}-root`
-};
-
-const Root = styled('div')(({ theme }) => ({
- [`&.${classes.root}`]: {
- '& .login-content__header': {
- color: theme.palette.success.light
- },
-
- '& .login-content__description': {
- backgroundColor: theme.palette.primary.main,
- color: theme.palette.primary.contrastText,
- },
-
- '& .login-content__description-bar': {
- backgroundColor: theme.palette.primary.dark,
- },
-
- '& .login-content__description-cards__card': {
- backgroundColor: theme.palette.background.paper,
- color: theme.palette.primary.main,
- },
-
- [theme.breakpoints.up('lg')]: {
- '& .login-content': {
- maxWidth: '1000px',
- },
-
- '& .login-content__form': {
- width: '50%',
- },
-
- '& .login-content__description': {
- width: '50%',
- display: 'flex',
- },
- },
- }
-}));
-
-const Login = ({ state, description, connectOptions }: LoginProps) => {
- const { t } = useTranslation();
-
- const isConnected = AuthenticationService.isConnected(state);
-
- const [rememberLogin, setRememberLogin] = useState(null);
- const [dialogState, setDialogState] = useState({
- passwordResetRequestDialog: false,
- resetPasswordDialog: false,
- registrationDialog: false,
- activationDialog: false,
- });
- const [userToResetPassword, setUserToResetPassword] = useState(null);
-
- const passwordResetToast = useToast({ key: 'password-reset-success', children: t('LoginContainer.toasts.passwordResetSuccess') });
- const accountActivatedToast = useToast({
- key: 'account-activation-success',
- children: t('LoginContainer.toasts.accountActivationSuccess')
- });
-
- useReduxEffect(() => {
- closeRequestPasswordResetDialog();
- openResetPasswordDialog();
- }, ServerTypes.RESET_PASSWORD_REQUESTED, []);
-
- useReduxEffect(() => {
- passwordResetToast.openToast()
- closeResetPasswordDialog();
- }, ServerTypes.RESET_PASSWORD_SUCCESS, []);
-
- useReduxEffect(() => {
- accountActivatedToast.openToast()
- closeActivateAccountDialog();
- }, ServerTypes.ACCOUNT_ACTIVATION_SUCCESS, []);
-
- useReduxEffect(() => {
- closeRegistrationDialog();
- openActivateAccountDialog();
- }, ServerTypes.ACCOUNT_AWAITING_ACTIVATION, []);
-
- useReduxEffect(() => {
- resetSubmitButton();
- }, [ServerTypes.CONNECTION_FAILED, ServerTypes.LOGIN_FAILED], []);
-
- useReduxEffect(({ options: { hashedPassword } }) => {
- updateHost(hashedPassword, rememberLogin);
- }, ServerTypes.LOGIN_SUCCESSFUL, [rememberLogin]);
-
- const showDescription = () => {
- return !isConnected && description?.length;
- };
-
- const onSubmitLogin = useCallback((loginForm) => {
- setRememberLogin(loginForm);
- const { userName, password, selectedHost, remember } = loginForm;
-
- const options: WebSocketConnectOptions = {
- ...getHostPort(selectedHost),
- userName,
- password
- };
-
- if (remember && !password) {
- options.hashedPassword = selectedHost.hashedPassword;
- }
-
- AuthenticationService.login(options as WebSocketConnectOptions);
- }, []);
-
- const [submitButtonDisabled, resetSubmitButton, handleLogin] = useFireOnce(onSubmitLogin);
-
- const updateHost = (hashedPassword, { selectedHost, remember, userName }) => {
- HostDTO.get(selectedHost.id).then(hostDTO => {
- hostDTO.remember = remember;
- hostDTO.userName = remember ? userName : null;
- hostDTO.hashedPassword = remember ? hashedPassword : null;
-
- hostDTO.save();
- });
- };
-
- const handleRegistrationDialogSubmit = (registerForm) => {
- setRememberLogin(registerForm);
- const { userName, password, email, country, realName, selectedHost } = registerForm;
-
- AuthenticationService.register({
- ...getHostPort(selectedHost),
- userName,
- password,
- email,
- country,
- realName,
- });
- };
-
- const handleAccountActivationDialogSubmit = ({ token }) => {
- AuthenticationService.activateAccount({
- ...connectOptions,
- token,
- });
- };
-
- const handleRequestPasswordResetDialogSubmit = (form) => {
- const { userName, email, selectedHost } = form;
- const { host, port } = getHostPort(selectedHost);
-
- if (email) {
- AuthenticationService.resetPasswordChallenge({ userName, email, host, port });
- } else {
- setUserToResetPassword(userName);
- AuthenticationService.resetPasswordRequest({ userName, host, port });
- }
- };
-
- const handleResetPasswordDialogSubmit = ({ userName, token, newPassword, selectedHost }) => {
- const { host, port } = getHostPort(selectedHost);
-
- AuthenticationService.resetPassword({ userName, token, newPassword, host, port });
- };
-
- const skipTokenRequest = (userName) => {
- setUserToResetPassword(userName);
-
- setDialogState(s => ({ ...s,
- passwordResetRequestDialog: false,
- resetPasswordDialog: true,
- }));
- };
-
- const closeRequestPasswordResetDialog = () => {
- setDialogState(s => ({ ...s, passwordResetRequestDialog: false }));
- }
-
- const openRequestPasswordResetDialog = () => {
- setDialogState(s => ({ ...s, passwordResetRequestDialog: true }));
- }
-
- const closeResetPasswordDialog = () => {
- setDialogState(s => ({ ...s, resetPasswordDialog: false }));
- }
-
- const openResetPasswordDialog = () => {
- setDialogState(s => ({ ...s, resetPasswordDialog: true }));
- }
-
- const closeRegistrationDialog = () => {
- setDialogState(s => ({ ...s, registrationDialog: false }));
- }
-
- const openRegistrationDialog = () => {
- setDialogState(s => ({ ...s, registrationDialog: true }));
- }
-
- const closeActivateAccountDialog = () => {
- setDialogState(s => ({ ...s, activationDialog: false }));
- };
-
- const openActivateAccountDialog = () => {
- setDialogState(s => ({ ...s, activationDialog: true }));
- };
-
- return (
-
-
-
-
-
-
-
- { AuthenticationService.isConnected(serverState) && (
-
- ) }
-
- { AuthenticationService.isConnected(serverState) && (
-
-
-
- ) }
-
-
-
-
-
-
- { t('LoginContainer.header.title') }
- { t('LoginContainer.header.subtitle') }
-
- {description}
-
- )
- }
-
-
-
-
- COCKATRICE
-
-
-
-
- {
- showDescription() && (
-
-
- { t('LoginContainer.footer.credit') } - { new Date().getUTCFullYear() }
-
-
- {
- serverProps.REACT_APP_VERSION && (
-
- { t('LoginContainer.footer.version') }: { serverProps.REACT_APP_VERSION }
-
- )
- }
-
-
-
- { t('LoginContainer.footer.registerPrompt') }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 
*/}
-
-
-
- { /*
-
-
- 
- 1mrlee
-
-
-
-
- 
- CyberX
-
-
-
-
- 
- Gamer69
-
- { t('LoginContainer.content.subtitle1') }
-{ t('LoginContainer.content.subtitle2') }
-
-
-
-
-
-
-
-
-
-
-
-
- )
-};
-
-const a11yProps = index => {
- return {
- id: `simple-tab-${index}`,
- 'aria-controls': `simple-tabpanel-${index}`,
- };
-};
-
-const TabPanel = ({ children, value, index, ...other }) => {
- return (
-
-
- )
- }
-}
-
-interface LogsTypes {
- logs: ServerStateLogs
-}
-
-const mapStateToProps = state => ({
- logs: ServerSelectors.getLogs(state)
-});
-
-export default connect(mapStateToProps)(Logs);
-
-
-
-
-
-
-
-
-
-
diff --git a/webclient/src/containers/Player/Player.tsx b/webclient/src/containers/Player/Player.tsx
deleted file mode 100644
index 74feff8bd..000000000
--- a/webclient/src/containers/Player/Player.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import Layout from 'containers/Layout/Layout';
-
-import { AuthGuard } from 'components';
-
-class Player extends Component {
- render() {
- return (
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-interface GamesProps {
- room: any;
- sortBy: any;
-}
-
-const mapStateToProps = state => ({
- sortBy: RoomsSelectors.getSortGamesBy(state)
-});
-
-export default connect(mapStateToProps)(Games);
diff --git a/webclient/src/containers/Room/Messages.css b/webclient/src/containers/Room/Messages.css
deleted file mode 100644
index 731002cb8..000000000
--- a/webclient/src/containers/Room/Messages.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.messages {
- height: 100%;
- width: 100%;
- padding: 10px;
- font-size: 12px;
- line-height: 1.3;
-}
-
-.message-wrapper {
- padding: 5px 0;
- margin: 2px 0;
- border-bottom: 1px dashed rgba(0, 0, 0, 0.25);
-}
-
-.message-wrapper:last-of-type {
- border: 0;
-}
diff --git a/webclient/src/containers/Room/Messages.tsx b/webclient/src/containers/Room/Messages.tsx
deleted file mode 100644
index 24b576759..000000000
--- a/webclient/src/containers/Room/Messages.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-// eslint-disable-next-line
-import React from "react";
-
-import { Message } from 'components';
-
-import './Messages.css';
-
-const Messages = ({ messages }) => (
-
- {
- messages && messages.map((message, index) => (
-
-);
-
-export default Messages;
diff --git a/webclient/src/containers/Room/OpenGames.css b/webclient/src/containers/Room/OpenGames.css
deleted file mode 100644
index 623ab47f5..000000000
--- a/webclient/src/containers/Room/OpenGames.css
+++ /dev/null
@@ -1,30 +0,0 @@
-.games {
-}
-
-.games-header,
-.game {
- display: flex;
- padding: 10px;
- border-bottom: 1px solid black;
-}
-
-.games-header__cell {
- max-width: 200px;
-}
-
-.games-header__label,
-.game__detail {
- width: 10%;
- flex-grow: 0;
-}
-
-.games-header__label.description,
-.game__detail.description {
- width: 20%;
- flex-grow: 1;
-}
-
-.games-header__label.creator,
-.game__detail.creator {
- width: 20%;
-}
diff --git a/webclient/src/containers/Room/OpenGames.tsx b/webclient/src/containers/Room/OpenGames.tsx
deleted file mode 100644
index 49d4d2503..000000000
--- a/webclient/src/containers/Room/OpenGames.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import { connect } from 'react-redux';
-import * as _ from 'lodash';
-
-import Table from '@mui/material/Table';
-import TableBody from '@mui/material/TableBody';
-import TableCell from '@mui/material/TableCell';
-import TableHead from '@mui/material/TableHead';
-import TableRow from '@mui/material/TableRow';
-import TableSortLabel from '@mui/material/TableSortLabel';
-import Tooltip from '@mui/material/Tooltip';
-
-// import { RoomsService } from "AppShell/common/services";
-
-import { SortUtil, RoomsDispatch, RoomsSelectors } from 'store';
-import { UserDisplay } from 'components';
-
-import './OpenGames.css';
-
-// @TODO run interval to update timeSinceCreated
-class OpenGames extends Component
-
- ))
- }
-
-
-
-
- );
- }
-}
-
-interface OpenGamesProps {
- room: any;
- sortBy: any;
-}
-
-const mapStateToProps = state => ({
- sortBy: RoomsSelectors.getSortGamesBy(state)
-});
-
-export default connect(mapStateToProps)(OpenGames);
diff --git a/webclient/src/containers/Room/Room.css b/webclient/src/containers/Room/Room.css
deleted file mode 100644
index 4b6aaec93..000000000
--- a/webclient/src/containers/Room/Room.css
+++ /dev/null
@@ -1,45 +0,0 @@
-.room-view,
-.room-view__main,
-.room-view__games,
-.room-view__messages,
-.room-view__messages-content,
-.room-view__side {
- height: 100%;
-}
-
-.room-view,
-.room-view__messages,
-.room-view__side {
- display: flex;
- flex-direction: column;
-}
-
-.room-view__main {
- overflow: hidden;
-}
-
-.room-view__messages-sayMessage {
- width: 100%;
- margin: 10px auto 2px;
-}
-
-.room-view__side-label {
- position: sticky;
- top: 0;
- padding: 10px;
- background: white;
- z-index: 1;
-}
-
-.room-view__side-list,
-.room-view__side-list .room-view__side-list__item {
- height: 100%;
-}
-
-.room-view__side-list .room-view__side-list__item {
- padding: 0;
-}
-
-.room-view__side-list .room-view__side-list__item .user-display__details {
- padding: 0 10px;
-}
\ No newline at end of file
diff --git a/webclient/src/containers/Room/Room.tsx b/webclient/src/containers/Room/Room.tsx
deleted file mode 100644
index c73930d7f..000000000
--- a/webclient/src/containers/Room/Room.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { useEffect } from 'react';
-import { connect } from 'react-redux';
-import { useNavigate, useParams, generatePath } from 'react-router-dom';
-
-import ListItem from '@mui/material/ListItem';
-import Paper from '@mui/material/Paper';
-
-import { RoomsService } from 'api';
-import { ScrollToBottomOnChanges, ThreePaneLayout, UserDisplay, VirtualList, AuthGuard } from 'components';
-import { RoomsStateMessages, RoomsStateRooms, JoinedRooms, RoomsSelectors, RoomsTypes } from 'store';
-import { RouteEnum } from 'types';
-import Layout from 'containers/Layout/Layout';
-
-import OpenGames from './OpenGames';
-import Messages from './Messages';
-import SayMessage from './SayMessage';
-
-import './Room.css';
-
-// @TODO (3)
-const Room = (props) => {
- const { joined, rooms, messages } = props;
- const navigate = useNavigate();
- const params = useParams();
-
- const roomId = parseInt(params.roomId, 0);
- const room = rooms[roomId];
- const roomMessages = messages[roomId];
- const users = room.userList;
-
- useEffect(() => {
- if (!joined.find(({ roomId: id }) => id === roomId)) {
- navigate(generatePath(RouteEnum.SERVER));
- }
- }, [joined]);
-
- const handleRoomSay = ({ message }) => {
- if (message) {
- RoomsService.roomSay(roomId, message);
- }
- }
-
- return (
-
-
-
- users[index].name }
- items={ users.map(user => (
-
-
- )) }
- />
-
- )}
- />
-
-
-
-
-
-
-
- )}
-
- side={(
-
- Users in this room: {users.length}
-
-
-
-
-
- );
-};
-
-export default Rooms;
diff --git a/webclient/src/containers/Server/Server.css b/webclient/src/containers/Server/Server.css
deleted file mode 100644
index 8d4e2e8dd..000000000
--- a/webclient/src/containers/Server/Server.css
+++ /dev/null
@@ -1,34 +0,0 @@
-.server,
-.server-rooms,
-.server-rooms__side {
- height: 100%;
-}
-
-.server {
- display: flex;
- flex-direction: column;
- align-items: center;
-}
-
-
-.serverRoomWrapper {
- height: 100%;
-}
-
-.serverMessage {
- height: 100%;
- padding: 20px;
- margin-bottom: 2px;
-}
-
-.server-rooms {
- width: 100%;
-}
-
-.server-rooms__side-label {
- position: sticky;
- top: 0;
- padding: 10px;
- background: white;
- z-index: 1;
-}
diff --git a/webclient/src/containers/Server/Server.tsx b/webclient/src/containers/Server/Server.tsx
deleted file mode 100644
index 7ed5e2464..000000000
--- a/webclient/src/containers/Server/Server.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import { connect } from 'react-redux';
-import { generatePath, useNavigate } from 'react-router-dom';
-
-import ListItem from '@mui/material/ListItem';
-import Paper from '@mui/material/Paper';
-
-import { AuthGuard, ThreePaneLayout, UserDisplay, VirtualList } from 'components';
-import { useReduxEffect } from 'hooks';
-import { RoomsSelectors, RoomsTypes, ServerSelectors } from 'store';
-import { Room, RouteEnum, User } from 'types';
-import Rooms from './Rooms';
-import Layout from 'containers/Layout/Layout';
-
-import './Server.css';
-
-const Server = ({ message, rooms, joinedRooms, users }: ServerProps) => {
- const navigate = useNavigate();
-
- useReduxEffect((action: any) => {
- const roomId = action.roomInfo.roomId.toString();
- navigate(generatePath(RouteEnum.ROOM, { roomId }));
- }, RoomsTypes.JOIN_ROOM, []);
-
- return (
-
- Users connected to server: {users.length}
-
-
- { t('UnsupportedContainer.title') }
- { t('UnsupportedContainer.subtitle1') }
-
-
-
- { t('KnownHostDialog.title', { mode }) }
-
- {handleClose ? (
-
-
- ) : null}
-
-
-
- );
-
- case 2: return (
-
- );
-
- case 3: return (
-
-
-
-
-
-
-
-
-
-
- );
- }
- };
-
- return (
- Finished!
-
-
-
-
-
- {steps.map((label) => (
-
- {label}
-
- ))}
-
-
-
- );
-};
-
-const BackButton = ({ click, disabled }) => (
-
-);
-
-const ErrorMessage = ({ error }) => {
- return error && (
-
- { getStepContent(activeStep) }
-
-
- { loading && (
-
-
- ) }
- {error}
- );
-};
-
-const CardsImported = ({ cards, sets }) => {
- const items = [
- (
-
- Import finished: {cards.length} cards.
-
- ),
-
- (),
-
- ...sets.map(set => (
- {set.name}: {set.cards.length} cards imported
- ))
- ];
-
- return (
-
- index }
- items={items}
- size={15}
- />
-
- );
-};
-
-const propsMap = {
- form: FormKey.CARD_IMPORT,
- onClose: Function
-};
-
-const mapStateToProps = () => ({
- initialValues: {
- cardDownloadUrl: 'https://www.mtgjson.com/api/v5/AllPrintings.json',
- tokenDownloadUrl: 'https://raw.githubusercontent.com/Cockatrice/Magic-Token/master/tokens.xml'
- },
-});
-
-export default connect(mapStateToProps)(reduxForm(propsMap)(CardImportForm));
diff --git a/webclient/src/forms/KnownHostForm/KnownHostForm.css b/webclient/src/forms/KnownHostForm/KnownHostForm.css
deleted file mode 100644
index 76e1722e0..000000000
--- a/webclient/src/forms/KnownHostForm/KnownHostForm.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.KnownHostForm {
- width: 100%;
-}
-
-.KnownHostForm-item {
- display: flex;
- flex-direction: column;
- margin-bottom: 20px;
-}
-
-.KnownHostForm-submit {
- width: 100%;
-}
-
-.KnownHostForm-actions {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin: 5px 0 10px;
- color: red;
-}
diff --git a/webclient/src/forms/KnownHostForm/KnownHostForm.i18n.json b/webclient/src/forms/KnownHostForm/KnownHostForm.i18n.json
deleted file mode 100644
index fe614a126..000000000
--- a/webclient/src/forms/KnownHostForm/KnownHostForm.i18n.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "KnownHostForm": {
- "help": "Need help adding a new host?",
- "label": {
- "add": "Add Host",
- "find": "Find Host"
- }
- }
-}
diff --git a/webclient/src/forms/KnownHostForm/KnownHostForm.tsx b/webclient/src/forms/KnownHostForm/KnownHostForm.tsx
deleted file mode 100644
index 1241336f3..000000000
--- a/webclient/src/forms/KnownHostForm/KnownHostForm.tsx
+++ /dev/null
@@ -1,94 +0,0 @@
-// eslint-disable-next-line
-import React, { useState } from "react";
-import { connect } from 'react-redux';
-import { Form, Field } from 'react-final-form'
-import { useTranslation } from 'react-i18next';
-
-import Button from '@mui/material/Button';
-import AnchorLink from '@mui/material/Link';
-
-import { InputField } from 'components';
-
-import './KnownHostForm.css';
-
-const KnownHostForm = ({ host, onRemove, onSubmit }) => {
- const [confirmDelete, setConfirmDelete] = useState(false);
- const { t } = useTranslation();
-
- const validate = values => {
- const errors: any = {};
-
- if (!values.name) {
- errors.name = t('Common.validation.required');
- }
-
- if (!values.host) {
- errors.host = t('Common.validation.required');
- }
-
- if (!values.port) {
- errors.port = t('Common.validation.required');
- }
-
- if (Object.keys(errors).length) {
- return errors;
- }
- };
-
- const handleOnSubmit = ({ name, host, ...values }) => {
- name = name?.trim();
- host = host?.trim();
-
- onSubmit({ name, host, ...values });
- }
-
- return (
-
- ) }
-
- );
-};
-
-const mapStateToProps = () => ({
-
-});
-
-export default connect(mapStateToProps)(KnownHostForm);
diff --git a/webclient/src/forms/LoginForm/LoginForm.css b/webclient/src/forms/LoginForm/LoginForm.css
deleted file mode 100644
index 4b176476f..000000000
--- a/webclient/src/forms/LoginForm/LoginForm.css
+++ /dev/null
@@ -1,20 +0,0 @@
-.loginForm {
- width: 100%;
-}
-
-.loginForm-item {
- margin-bottom: 20px;
-}
-
-.loginForm-actions {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: -20px;
- margin-bottom: 20px;
- font-weight: bold;
-}
-
-.loginForm-submit {
- width: 100%;
-}
diff --git a/webclient/src/forms/LoginForm/LoginForm.i18n.json b/webclient/src/forms/LoginForm/LoginForm.i18n.json
deleted file mode 100644
index 260b88b27..000000000
--- a/webclient/src/forms/LoginForm/LoginForm.i18n.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
- "LoginForm": {
- "label": {
- "autoConnect": "Auto Connect",
- "forgot": "Forgot Password",
- "login": "Login",
- "savePassword": "Save Password",
- "savedPassword": "Saved Password"
- }
- }
-}
diff --git a/webclient/src/forms/LoginForm/LoginForm.tsx b/webclient/src/forms/LoginForm/LoginForm.tsx
deleted file mode 100644
index 1e8f104fe..000000000
--- a/webclient/src/forms/LoginForm/LoginForm.tsx
+++ /dev/null
@@ -1,171 +0,0 @@
-import React, { useEffect, useState, useCallback } from 'react';
-import { Form, Field } from 'react-final-form';
-import { OnChange } from 'react-final-form-listeners';
-import { useTranslation } from 'react-i18next';
-
-import Button from '@mui/material/Button';
-
-import { AuthenticationService } from 'api';
-import { CheckboxField, InputField, KnownHosts } from 'components';
-import { useAutoConnect } from 'hooks';
-import { HostDTO, SettingDTO } from 'services';
-import { APP_USER } from 'types';
-
-import './LoginForm.css';
-
-const LoginForm = ({ onSubmit, disableSubmitButton, onResetPassword }: LoginFormProps) => {
- const { t } = useTranslation();
- const PASSWORD_LABEL = t('Common.label.password');
- const STORED_PASSWORD_LABEL = `* ${t('LoginForm.label.savedPassword')} *`;
-
- const [host, setHost] = useState(null);
- const [useStoredPasswordLabel, setUseStoredPasswordLabel] = useState(false);
- const [autoConnect, setAutoConnect] = useAutoConnect();
-
- const validate = values => {
- const errors: any = {};
-
- if (!values.userName) {
- errors.userName = t('Common.validation.required');
- }
- if (!values.selectedHost) {
- errors.selectedHost = t('Common.validation.required');
- }
-
- return errors;
- }
-
- const useStoredPassword = (remember, password) => remember && host?.hashedPassword && !password;
- const togglePasswordLabel = (useStoredLabel) => {
- setUseStoredPasswordLabel(useStoredLabel);
- };
-
- const handleOnSubmit = ({ userName, ...values }) => {
- userName = userName?.trim();
- console.log(userName, values);
-
- onSubmit({ userName, ...values });
- }
-
- return (
-
- )
- }}
-
- );
-};
-
-interface LoginFormProps {
- onSubmit: any;
- disableSubmitButton: boolean,
- onResetPassword: any;
-}
-
-export default LoginForm;
diff --git a/webclient/src/forms/RegisterForm/RegisterForm.css b/webclient/src/forms/RegisterForm/RegisterForm.css
deleted file mode 100644
index 324aa7e63..000000000
--- a/webclient/src/forms/RegisterForm/RegisterForm.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.RegisterForm {
- width: 100%;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
-}
-
-.RegisterForm-column {
- width: 48%;
-}
-
-.RegisterForm-item {
- margin-bottom: 20px;
-}
-
-.RegisterForm-submit {
- width: 100%;
-}
diff --git a/webclient/src/forms/RegisterForm/RegisterForm.i18n.json b/webclient/src/forms/RegisterForm/RegisterForm.i18n.json
deleted file mode 100644
index 50e802ea5..000000000
--- a/webclient/src/forms/RegisterForm/RegisterForm.i18n.json
+++ /dev/null
@@ -1,10 +0,0 @@
-{
- "RegisterForm": {
- "label": {
- "register": "Register"
- },
- "toast": {
- "registerSuccess": "Registration Successful!"
- }
- }
-}
diff --git a/webclient/src/forms/RegisterForm/RegisterForm.tsx b/webclient/src/forms/RegisterForm/RegisterForm.tsx
deleted file mode 100644
index f5f4d9174..000000000
--- a/webclient/src/forms/RegisterForm/RegisterForm.tsx
+++ /dev/null
@@ -1,177 +0,0 @@
-import { useState } from 'react';
-import { Form, Field } from 'react-final-form';
-import { OnChange } from 'react-final-form-listeners';
-import setFieldTouched from 'final-form-set-field-touched';
-import { useTranslation } from 'react-i18next';
-
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-
-import { CountryDropdown, InputField, KnownHosts } from 'components';
-import { useReduxEffect } from 'hooks';
-import { ServerTypes } from 'store';
-
-import './RegisterForm.css';
-import { useToast } from 'components/Toast';
-
-const RegisterForm = ({ onSubmit }: RegisterFormProps) => {
- const { t } = useTranslation();
- const [emailRequired, setEmailRequired] = useState(false);
- const [error, setError] = useState(null);
- const [emailError, setEmailError] = useState(null);
- const [passwordError, setPasswordError] = useState(null);
- const [userNameError, setUserNameError] = useState(null);
- const { openToast } = useToast({ key: 'registration-success', children: t('RegisterForm.toast.registerSuccess') })
-
- const onHostChange = (host) => setEmailRequired(false);
- const onEmailChange = () => emailError && setEmailError(null);
- const onPasswordChange = () => passwordError && setPasswordError(null);
- const onUserNameChange = () => userNameError && setUserNameError(null);
-
- useReduxEffect(() => {
- setEmailRequired(true);
- }, ServerTypes.REGISTRATION_REQUIRES_EMAIL);
-
- useReduxEffect(({ error }) => {
- setError(error);
- }, ServerTypes.REGISTRATION_FAILED);
-
- useReduxEffect(() => {
- openToast()
- }, ServerTypes.REGISTRATION_SUCCES);
-
- useReduxEffect(({ error }) => {
- setEmailError(error);
- }, ServerTypes.REGISTRATION_EMAIL_ERROR);
-
- useReduxEffect(({ error }) => {
- setPasswordError(error);
- }, ServerTypes.REGISTRATION_PASSWORD_ERROR);
-
- useReduxEffect(({ error }) => {
- setUserNameError(error);
- }, ServerTypes.REGISTRATION_USERNAME_ERROR);
-
- const handleOnSubmit = ({ userName, email, realName, ...values }) => {
- setError(null);
-
- userName = userName?.trim();
- email = email?.trim();
- realName = realName?.trim();
-
- onSubmit({ userName, email, realName, ...values });
- }
-
- const validate = values => {
- const errors: any = {};
-
- if (!values.userName) {
- errors.userName = t('Common.validation.required');
- } else if (userNameError) {
- errors.userName = userNameError;
- }
-
- if (!values.password) {
- errors.password = t('Common.validation.required');
- } else if (values.password.length < 8) {
- errors.password = t('Common.validation.minChars', { count: 8 });
- } else if (passwordError) {
- errors.password = passwordError;
- }
-
- if (!values.passwordConfirm) {
- errors.passwordConfirm = t('Common.validation.required');
- } else if (values.password !== values.passwordConfirm) {
- errors.passwordConfirm = t('Common.validation.passwordsMustMatch');
- }
-
- if (!values.selectedHost) {
- errors.selectedHost = t('Common.validation.required');
- }
-
- if (emailRequired && !values.email) {
- errors.email = t('Common.validation.required');
- } else if (emailError) {
- errors.email = emailError;
- }
-
- return errors;
- }
-
- return (
-
-
- { error && (
-
- {error}
-
- )}
-
- );
- }}
-
-
- );
-};
-
-interface RegisterFormProps {
- onSubmit: any;
-}
-
-export default RegisterForm;
diff --git a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.css b/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.css
deleted file mode 100644
index 83ed7420f..000000000
--- a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.RequestPasswordResetForm {
- width: 100%;
- padding-bottom: 15px;
-}
-
-.RequestPasswordResetForm-item {
- margin-bottom: 20px;
-}
-
-.RequestPasswordResetForm-actions {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: -20px;
- margin-bottom: 20px;
- font-weight: bold;
-}
-
-.RequestPasswordResetForm-submit {
- width: 100%;
-}
-
-.selectedHost {
- margin-top: 40px;
-}
diff --git a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.i18n.json b/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.i18n.json
deleted file mode 100644
index c53f6d097..000000000
--- a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.i18n.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "RequestPasswordResetForm": {
- "error": "Request password reset failed",
- "mfaEnabled": "Server has multi-factor authentication enabled",
- "request": "Request Reset Token",
- "skipRequest": "I already have a reset token"
- }
-}
diff --git a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.tsx b/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.tsx
deleted file mode 100644
index 01d4a2959..000000000
--- a/webclient/src/forms/RequestPasswordResetForm/RequestPasswordResetForm.tsx
+++ /dev/null
@@ -1,104 +0,0 @@
-// eslint-disable-next-line
-import React, { useState } from "react";
-import { connect } from 'react-redux';
-import { Form, Field } from 'react-final-form';
-import { OnChange } from 'react-final-form-listeners';
-import { useTranslation } from 'react-i18next';
-
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-
-import { InputField, KnownHosts } from 'components';
-import { FormKey } from 'types';
-
-import './RequestPasswordResetForm.css';
-import { useReduxEffect } from 'hooks';
-import { ServerTypes } from 'store';
-
-const RequestPasswordResetForm = ({ onSubmit, skipTokenRequest }) => {
- const [errorMessage, setErrorMessage] = useState(false);
- const [isMFA, setIsMFA] = useState(false);
- const { t } = useTranslation();
-
- useReduxEffect(() => {
- setErrorMessage(true);
- }, ServerTypes.RESET_PASSWORD_FAILED, []);
-
- useReduxEffect(() => {
- setIsMFA(true);
- }, ServerTypes.RESET_PASSWORD_CHALLENGE, []);
-
- const handleOnSubmit = ({ userName, email, ...values }) => {
- setErrorMessage(false);
-
- userName = userName?.trim();
- email = email?.trim();
-
- onSubmit({ userName, email, ...values });
- }
-
- const validate = values => {
- const errors: any = {};
-
- if (!values.userName) {
- errors.userName = t('Common.validation.required');
- }
- if (isMFA && !values.email) {
- errors.email = t('Common.validation.required');
- }
- if (!values.selectedHost) {
- errors.selectedHost = t('Common.validation.required');
- }
-
- return errors;
- };
-
- return (
-
- );
- }}
-
- );
-};
-
-export default RequestPasswordResetForm;
diff --git a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.css b/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.css
deleted file mode 100644
index ad82b7efd..000000000
--- a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.css
+++ /dev/null
@@ -1,21 +0,0 @@
-.ResetPasswordForm {
- width: 100%;
- padding-bottom: 15px;
-}
-
-.ResetPasswordForm-item {
- margin-bottom: 20px;
-}
-
-.ResetPasswordForm-actions {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-top: -20px;
- margin-bottom: 20px;
- font-weight: bold;
-}
-
-.ResetPasswordForm-submit {
- width: 100%;
-}
diff --git a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.i18n.json b/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.i18n.json
deleted file mode 100644
index 2835134c0..000000000
--- a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.i18n.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
- "ResetPasswordForm": {
- "error": "Password reset failed",
- "label": {
- "reset": "Reset Password"
- }
- }
-}
diff --git a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.tsx b/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.tsx
deleted file mode 100644
index 8b56f4b69..000000000
--- a/webclient/src/forms/ResetPasswordForm/ResetPasswordForm.tsx
+++ /dev/null
@@ -1,115 +0,0 @@
-// eslint-disable-next-line
-import React, { useEffect, useState } from 'react';
-import { connect } from 'react-redux';
-import { Form, Field } from 'react-final-form'
-import { OnChange } from 'react-final-form-listeners';
-import { useTranslation } from 'react-i18next';
-
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
-
-import { InputField, KnownHosts } from 'components';
-import { FormKey } from 'types';
-
-import './ResetPasswordForm.css';
-import { useReduxEffect } from '../../hooks';
-import { ServerTypes } from '../../store';
-
-const ResetPasswordForm = ({ onSubmit, userName }) => {
- const [errorMessage, setErrorMessage] = useState(false);
- const { t } = useTranslation();
-
- useReduxEffect(() => {
- setErrorMessage(true);
- }, ServerTypes.RESET_PASSWORD_FAILED, []);
-
- const validate = values => {
- const errors: any = {};
-
- if (!values.userName) {
- errors.userName = t('Common.validation.required');
- }
- if (!values.token) {
- errors.token = t('Common.validation.required');
- }
-
- if (!values.newPassword) {
- errors.newPassword = t('Common.validation.required');
- } else if (values.newPassword.length < 8) {
- errors.newPassword = t('Common.validation.minChars', { count: 8 });
- }
-
- if (!values.passwordAgain) {
- errors.passwordAgain = t('Common.validation.required');
- } else if (values.newPassword !== values.passwordAgain) {
- errors.passwordAgain = t('Common.validation.passwordsMustMatch');
- }
- if (!values.selectedHost) {
- errors.selectedHost = t('Common.validation.required');
- }
-
- return errors;
- };
-
- const handleOnSubmit = ({ userName, token, ...values }) => {
- userName = userName?.trim();
- token = token?.trim();
-
- onSubmit({ userName, token, ...values });
- }
-
- return (
-
- )}
-
- );
-};
-
-export default ResetPasswordForm;
diff --git a/webclient/src/forms/SearchForm/SearchForm.css b/webclient/src/forms/SearchForm/SearchForm.css
deleted file mode 100644
index 9e3cd6cb8..000000000
--- a/webclient/src/forms/SearchForm/SearchForm.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.log-search {
- margin-bottom: 20px;
-}
-
-hr.MuiDivider-root {
- margin: 20px 0;
-}
-
-.log-search__form {
- width: 100%;
- padding: 20px;
-}
-
-.log-search__form-item {
- display: flex;
-}
-
-.log-search__form-item.log-location {
- display: flex;
- justify-content: space-around;
-}
-
-.log-search__form-item.log-location .checkbox-field {
- display: flex;
- flex-direction: column;
-}
-
-.log-search__form-item.log-location .checkbox-field__box {
- order: 1;
-}
-
-.log-search__form-submit.MuiButton-root {
- display: block;
- margin: 0 auto;
-}
diff --git a/webclient/src/forms/SearchForm/SearchForm.tsx b/webclient/src/forms/SearchForm/SearchForm.tsx
deleted file mode 100644
index 793543086..000000000
--- a/webclient/src/forms/SearchForm/SearchForm.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-// eslint-disable-next-line
-import React, { Component } from "react";
-import { connect } from 'react-redux';
-import { Form, Field, reduxForm } from 'redux-form'
-
-import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
-import Paper from '@mui/material/Paper';
-
-import { InputField, CheckboxField } from 'components';
-import { FormKey } from 'types';
-
-import './SearchForm.css';
-
-const SearchForm = ({ handleSubmit }) => (
-