import React from 'react';

import type { TokenInfoApplication } from 'types/api/account';

import { Alert } from '@luxfi/ui/alert';

interface Props {
  application?: TokenInfoApplication;
}

const TokenInfoFormStatusText = ({ application }: Props) => {

  if (!application) {
    return null;
  }

  switch (application.status) {
    case 'IN_PROCESS': {
      return (
        <div>
          <div>Requests are sent to a moderator for review and approval. This process can take several days.</div>
          <Alert status="warning" className="mt-6">Request in progress. Once an admin approves your request you can edit token info.</Alert>
        </div>
      );
    }

    case 'UPDATE_REQUIRED': {
      return (
        <div>
          { application.adminComments && <Alert status="warning" mt={ 6 }>{ application.adminComments }</Alert> }
        </div>
      );
    }

    case 'REJECTED': {
      return (
        <div>
          { application.adminComments && <Alert status="warning" mt={ 6 }>{ application.adminComments }</Alert> }
        </div>
      );
    }

    default:
      return null;
  }
};

export default React.memo(TokenInfoFormStatusText);