GladysProject/Gladys

import { Text } from 'preact-i18n';
import { Link } from 'preact-router/match';
import ResetPassword from './ResetPassword';
import Profile from '../../../../components/user/profile';

const UserPage = ({ children, ...props }) => (
  <div class="row">
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">
            <Link href="/dashboard/settings/user">
              <button type="button" class="btn btn-outline-secondary btn-sm">
                <Text id="global.backButton" />
              </button>
            </Link>{' '}
            <Text id="usersSettings.editUser.title" />
          </h3>
        </div>
        <div class="card-body">
          <div class={props.loading ? 'dimmer active' : 'dimmer'}>
            <div class="loader" />
            <div class="dimmer-content">
              {props.profileSavedSuccess && (
                <div class="alert alert-success">
                  <Text id="usersSettings.editUser.success" />
                </div>
              )}
              {props.newUser && <Profile {...props} language="en" disablePassword />}
              <div class="form-group">
                <button onClick={props.updateUser} class="btn btn-success">
                  <Text id="profile.saveButton" />
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-lg-6">
      <div class="card">
        <div class="card-header">
          <h3 class="card-title">
            {' '}
            <Text id="usersSettings.editUser.resetPassword" />
          </h3>
        </div>
        <div class="card-body">{props.newUser && <ResetPassword userSelector={props.newUser.selector} />}</div>
      </div>
    </div>
  </div>
);

export default UserPage;