oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-06-30 05:41:41 +02:00
Code Releases Activity

fix input defocus on user input

Browse Source
This commit is contained in:
Matthias Kretschmann 2020-08-03 11:34:51 +02:00
parent e77832115c
commit c1b3444ae1
Signed by: m
GPG Key ID: 606EEEF3C479A91F
1 changed files with 2 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/atoms/Tabs.tsx
View File

@ -1,7 +1,6 @@
import React, { ReactElement, ReactNode } from 'react'
import { Tab, Tabs as ReactTabs, TabList, TabPanel } from 'react-tabs'
import styles from './Tabs.module.css'
import shortid from 'shortid'
interface TabsItem {
title: string
@ -19,14 +18,14 @@ export default function Tabs({
<ReactTabs className={`${className && className}`}>
<TabList className={styles.tabList}>
{items.map((item) => (
<Tab className={styles.tab} key={shortid.generate()}>
<Tab className={styles.tab} key={item.title}>
{item.title}
</Tab>
))}
</TabList>
<div className={styles.tabContent}>
{items.map((item) => (
<TabPanel key={shortid.generate()}>{item.content}</TabPanel>
<TabPanel key={item.title}>{item.content}</TabPanel>
))}
</div>
</ReactTabs>