oceanprotocol/market
1
0
Fork 0
mirror of https://github.com/oceanprotocol/market.git synced 2024-12-02 05:57:29 +01: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 React, { ReactElement, ReactNode } from 'react'
import { Tab, Tabs as ReactTabs, TabList, TabPanel } from 'react-tabs' import { Tab, Tabs as ReactTabs, TabList, TabPanel } from 'react-tabs'
import styles from './Tabs.module.css' import styles from './Tabs.module.css'
import shortid from 'shortid'
interface TabsItem { interface TabsItem {
title: string title: string
@ -19,14 +18,14 @@ export default function Tabs({
<ReactTabs className={`${className && className}`}> <ReactTabs className={`${className && className}`}>
<TabList className={styles.tabList}> <TabList className={styles.tabList}>
{items.map((item) => ( {items.map((item) => (
<Tab className={styles.tab} key={shortid.generate()}> <Tab className={styles.tab} key={item.title}>
{item.title} {item.title}
</Tab> </Tab>
))} ))}
</TabList> </TabList>
<div className={styles.tabContent}> <div className={styles.tabContent}>
{items.map((item) => ( {items.map((item) => (
<TabPanel key={shortid.generate()}>{item.content}</TabPanel> <TabPanel key={item.title}>{item.content}</TabPanel>
))} ))}
</div> </div>
</ReactTabs> </ReactTabs>