@dxos/shell 0.4.10-main.ec8b427 → 0.4.10-main.f68a1ca

package/src/panels/JoinPanel/steps/ResetIdentity.tsx

@@ -1,80 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import { log } from '@dxos/log';
-import { useClient } from '@dxos/react-client';
-import { useTranslation } from '@dxos/react-ui';
-
-import { Action, Actions, StepHeading, Input } from '../../../components';
-import { type JoinStepProps } from '../JoinPanelProps';
-
-export type ResetIdentityProps = JoinStepProps & {
-  method: 'reset identity';
-};
-
-export type ResetIdentityImplProps = {
-  disabled?: boolean;
-  pending?: boolean;
-  validationMessage?: string;
-  onConfirm?: () => void;
-};
-
-export const ResetIdentity = ({ send, active }: ResetIdentityProps) => {
-  const client = useClient();
-  const { t } = useTranslation('os');
-  const [validationMessage, setValidationMessage] = useState('');
-  const [pending, setPending] = useState(false);
-  const resetIdentity = () => {
-    setPending(true);
-    void client.reset().then(
-      () => send?.({ type: 'resetIdentity' }),
-      (error) => {
-        log.catch(error);
-        setValidationMessage(t('failed to reset identity message'));
-        setPending(false);
-      },
-    );
-  };
-  return (
-    <ResetIdentityImpl
-      disabled={!active}
-      pending={pending}
-      validationMessage={validationMessage}
-      onConfirm={() => resetIdentity()}
-    />
-  );
-};
-
-export const ResetIdentityImpl = ({ disabled, pending, validationMessage, onConfirm }: ResetIdentityImplProps) => {
-  const { t } = useTranslation('os');
-  const confirmationValue = t('confirmation value');
-  const [inputValue, setInputValue] = useState('');
-  return (
-    <>
-      <div role='none' className='grow flex flex-col justify-center'>
-        <Input
-          {...{ validationMessage }}
-          label={<StepHeading>{t('reset identity input label', { confirmationValue })}</StepHeading>}
-          disabled={disabled}
-          data-testid='reset-identity-input'
-          placeholder={confirmationValue}
-          onChange={({ target: { value } }) => setInputValue(value)}
-        />
-      </div>
-      <Actions>
-        <Action
-          // TODO(wittjosiah): Probably make this red?
-          variant='primary'
-          disabled={disabled || pending || inputValue !== confirmationValue}
-          onClick={() => onConfirm?.()}
-          data-testid='reset-identity-input-confirm'
-        >
-          {pending ? t('reset in progress label') : t('confirm label')}
-        </Action>
-      </Actions>
-    </>
-  );
-};