// Copyright 2017-2020 @polkadot/app-settings authors & contributors
// This software may be modified and distributed under the terms
// of the Apache-2.0 license. See the LICENSE file for details.

import { Option } from '@polkadot/apps-config/settings/types';
import { SettingsStruct } from '@polkadot/ui-settings/types';

import React from 'react';
import { ChainImg, Dropdown, IdentityIcon } from '@polkadot/react-components';
import uiSettings from '@polkadot/ui-settings';

export function createOption ({ info, isHeader, text, value }: Option, overrides: string[] = [], override = 'empty'): Option | React.ReactNode {
  if (isHeader) {
    return (
      <Dropdown.Header
        content={text}
        key={text as string}
      />
    );
  }

  return {
    text: (
      <div
        className='ui--Dropdown-item'
        key={value}
      >
        <ChainImg
          className='ui--Dropdown-icon'
          logo={
            info && overrides.includes(info)
              ? override
              : info
          }
        />
        <div className='ui--Dropdown-name'>{text}</div>
      </div>
    ),
    value
  };
}

export function createIdenticon ({ info, text, value }: Option, overrides: string[] = [], override = 'empty'): Option {
  const theme = info && overrides.includes(info)
    ? override as 'empty'
    : info as 'substrate';

  return {
    text: (
      <div
        className='ui--Dropdown-item'
        key={value}
      >
        {theme === 'empty'
          ? (
            <ChainImg
              className='ui--Dropdown-icon'
              logo='empty'
            />
          )
          : (
            <IdentityIcon
              className='ui--Dropdown-icon'
              size={32}
              theme={theme}
              value='5F9999K9UgTUgSsbXZQcEmRMvQqwJoBUHMv9e1k2MdgghuRA'
            />
          )}
        <div className='ui--Dropdown-name'>{text}</div>
      </div>
    ),
    value
  };
}

export function save (settings: SettingsStruct): void {
  uiSettings.set(settings);
}

export function saveAndReload (settings: SettingsStruct): void {
  save(settings);

  // HACK This is terrible, but since the API needs to re-connect, but since
  // the API does not yet handle re-connections properly, it is what it is
  window.location.reload();
}