Delete "explorer-tabs"

merge-requests/3337/head
danidfra 2025-03-10 16:40:54 -03:00
rodzic 574ffccf60
commit 29be15e97a
1 zmienionych plików z 0 dodań i 78 usunięć

Wyświetl plik

@ -1,78 +0,0 @@
import clsx from 'clsx';
import { useState } from 'react';
import HStack from 'soapbox/components/ui/hstack.tsx';
import SvgIcon from 'soapbox/components/ui/svg-icon.tsx';
import Text from 'soapbox/components/ui/text.tsx';
interface TabItem {
name: string;
label: string;
action: () => void;
icon: string;
}
interface TabsProps {
items: TabItem[];
activeItem?: string;
}
/**
*
*/
const ExplorerTabs: React.FC<TabsProps> = ({ items, activeItem }) => {
const [activeTab, setActiveTab] = useState(activeItem || items[0].name);
const handleTabClick = (name: string) => {
setActiveTab(name);
const activeItem = items.find(item => item.name === name);
if (activeItem && typeof activeItem.action === 'function') {
activeItem.action();
}
};
return (
<HStack className='inset-x-0 bottom-4 z-[999] w-full p-2' alignItems='center' justifyContent='center'>
{/* Header */}
<HStack space={1} className='w-full rounded-full bg-gray-200/60 p-1 dark:bg-gray-800' justifyContent='around'>
{items.map(({ name, label, icon }) => {
const isSelected = activeTab === name;
return (
<HStack key={name} alignItems='center' justifyContent='center'>
<HStack
space={1}
alignItems='center'
justifyContent='center'
onClick={() => handleTabClick(name)}
/* eslint-disable-next-line tailwindcss/no-custom-classname */
className={clsx(
'group cursor-pointer rounded-full px-5 py-3 text-sm font-medium transition-all duration-300',
isSelected
? 'border-gray-500 bg-gray-500 text-white shadow-md dark:border-gray-700 dark:bg-gray-700'
: 'dark:hover:bg-gray-800/200 text-gray-500 hover:bg-gray-400/60 hover:!text-white',
)}
>
<SvgIcon
src={icon}
className='size-5 '
/>
<Text
className={clsx('transition-all duration-300', {
'!text-gray-500 group-hover:!text-white': !isSelected,
'!text-white': isSelected,
})}
>
{label}
</Text>
</HStack>
</HStack>
);
})}
</HStack>
</HStack>
);
};
export default ExplorerTabs;