rentgen/sidebar/tab-dropdown.tsx

31 lines
758 B
TypeScript
Raw Normal View History

2022-01-24 12:21:28 +01:00
import React from 'react';
import { useEffect, useState } from 'react';
2021-11-07 09:17:19 +01:00
export default function TabDropdown({
2022-01-24 12:21:28 +01:00
setPickedTab,
pickedTab,
2021-11-07 09:17:19 +01:00
}: {
2022-01-24 12:21:28 +01:00
setPickedTab: (tab_id: number) => void;
pickedTab: number;
2021-11-07 09:17:19 +01:00
}) {
2022-01-24 12:21:28 +01:00
const [tabs, setTabs] = useState([]);
useEffect(() => {
browser.tabs.query({ currentWindow: true }).then(setTabs);
}, []);
return (
<select
id="tab_dropdown"
value={pickedTab}
onChange={async (e) => {
setPickedTab(parseInt(e.target.value));
}}
>
{tabs.map((tab) => (
<option value={tab.id} key={tab.id}>
{tab.title}
</option>
))}
</select>
);
2021-11-07 09:17:19 +01:00
}