| 1 | import { SsgoiTransition } from "@ssgoi/react"; |
| 2 | import { useServerList } from "@/hooks/useServerList"; |
| 3 | import { ServerListView } from "@/components/ServerListView"; |
| 4 | |
| 5 | export function ServerList() { |
| 6 | const { |
| 7 | searchQuery, |
| 8 | status, |
| 9 | sortBy, |
| 10 | selectedTags, |
| 11 | availableTags, |
| 12 | filteredServers, |
| 13 | favorites, |
| 14 | handleSearchChange, |
| 15 | handleStatusChange, |
| 16 | handleSortByChange, |
| 17 | handleTagToggle, |
| 18 | handleToggleFavorite, |
| 19 | landingPageEnabled, |
| 20 | } = useServerList(); |
| 21 | |
| 22 | return ( |
| 23 | <SsgoiTransition id="/"> |
| 24 | <ServerListView |
| 25 | landingPageEnabled={landingPageEnabled} |
| 26 | searchQuery={searchQuery} |
| 27 | status={status} |
| 28 | sortBy={sortBy} |
| 29 | selectedTags={selectedTags} |
| 30 | availableTags={availableTags} |
| 31 | filteredServers={filteredServers} |
| 32 | favorites={favorites} |
| 33 | onSearchChange={handleSearchChange} |
| 34 | onStatusChange={handleStatusChange} |
| 35 | onSortByChange={handleSortByChange} |
| 36 | onTagToggle={handleTagToggle} |
| 37 | onToggleFavorite={handleToggleFavorite} |
| 38 | /> |
| 39 | </SsgoiTransition> |
| 40 | ); |
| 41 | } |