import React, { useState } from 'react'; import CategorySelector from "../components/CategorySelector"; // Імпортуємо твій новий компонент import "./styles/ShopTab.css"; const ShopTab = () => { const [category, setCategory] = useState('ships'); const categories = ['Featured', 'ships', 'weapons', 'armors', 'cosmetics', 'materials']; return (
{/* Використовуємо універсальний компонент замість ручного мапінгу */}
10
1,000

Browsing {category}...

{/* Тут буде логіка відображення товарів */}
); }; export default ShopTab;