starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-03-24 18:31:16 +01:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

query client cache and better body types

Browse Source
This commit is contained in:
Gregory Schier
2023-03-21 11:38:37 -07:00
parent 39223e8d89
commit d9bf03cefe
11 changed files with 155 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src-web/components/core/Tabs/Tabs.css
View File

@@ -1,5 +0,0 @@
.tab-content {
&[data-state="inactive"] {
@apply hidden;
}
}

10
src-web/components/core/Tabs/Tabs.tsx
View File

@@ -7,9 +7,7 @@ import type { RadioDropdownProps } from '../RadioDropdown';
import { RadioDropdown } from '../RadioDropdown';
import { HStack } from '../Stacks';
import './Tabs.css';
export type TabItem<T> = {
export type TabItem<T = string> = {
value: string;
label: string;
options?: Omit<RadioDropdownProps<T>, 'children'>;
@@ -37,14 +35,18 @@ export function Tabs<T>({
const ref = useRef<HTMLDivElement | null>(null);
const handleTabChange = (value: string) => {
const tabs = ref.current?.querySelectorAll(`[data-tab]`);
const tabs = ref.current?.querySelectorAll<HTMLDivElement>(`[data-tab]`);
for (const tab of tabs ?? []) {
const v = tab.getAttribute('data-tab');
if (v === value) {
tab.setAttribute('tabindex', '-1');
tab.setAttribute('data-state', 'active');
tab.setAttribute('aria-hidden', 'false');
tab.style.display = 'block';
} else {
tab.setAttribute('data-state', 'inactive');
tab.setAttribute('aria-hidden', 'true');
tab.style.display = 'none';
}
}
onChangeValue(value);