#1586 the list/not list radio button doesn't work after clicking the …

…first time (#1591)

* clean up PeriodTable component

* clean up PeriodTable component - 2

Co-authored-by: Anastasiia Moskvina <anastasiia_moskvina@epam.com>

packages/ketcher-react/src/script/ui/views/modal/components/PeriodTable/PeriodTable.jsx

@@ -38,14 +38,9 @@ class Table extends Component {
       current: Elements.get(2),
       isInfo: false
     }
-    this.firstType = true
   }
 
   changeType = (type) => {
-    if (this.firstType) {
-      this.firstType = false
-      return
-    }
     const prevChoice =
       this.state.type === 'list' || this.state.type === 'not-list'
     const currentChoice = type === 'list' || type === 'not-list'
@@ -108,23 +103,6 @@ class Table extends Component {
     }
   }
 
-  periodicTable = (value) => {
-    const { type, current, isInfo } = this.state
-    return (
-      <div className={classes.periodTable}>
-        <AtomInfo el={current} isInfo={isInfo} />
-        <ElementsTable
-          value={value}
-          currentEvents={this.currentEvents}
-          selected={this.selected}
-          onAtomSelect={(label) => this.onAtomSelect(label)}
-          onDoubleClick={(label) => this.onAtomSelect(label, true)}
-        />
-        <TypeChoice value={type} onChange={this.changeType} />
-      </div>
-    )
-  }
-
   render() {
     const { type, value } = this.state
     const HeaderContent = this.headerContent