mirror of
https://github.com/Crosstalk-Solutions/project-nomad.git
synced 2026-03-28 03:29:25 +01:00
fix(Settings): improve Maps Manager UI
This commit is contained in:
parent
32d206cfd7
commit
d7d3821c06
|
|
@ -194,14 +194,7 @@ export default function MapsManager(props: {
|
||||||
<p className="text-gray-500">Manage your stored map files and explore new regions!</p>
|
<p className="text-gray-500">Manage your stored map files and explore new regions!</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex space-x-4">
|
<div className="flex space-x-4">
|
||||||
<StyledButton
|
|
||||||
variant="primary"
|
|
||||||
onClick={openDownloadModal}
|
|
||||||
loading={downloading}
|
|
||||||
icon="IconCloudDownload"
|
|
||||||
>
|
|
||||||
Download Custom Map File
|
|
||||||
</StyledButton>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{!props.maps.baseAssetsExist && (
|
{!props.maps.baseAssetsExist && (
|
||||||
|
|
@ -219,14 +212,16 @@ export default function MapsManager(props: {
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<StyledSectionHeader title="Curated Map Collections" className="mt-8 !mb-4" />
|
<div className="mt-8 mb-6 flex items-center justify-between">
|
||||||
<StyledButton
|
<StyledSectionHeader title="Curated Map Regions" className="!mb-0" />
|
||||||
onClick={() => fetchLatestCollections.mutate()}
|
<StyledButton
|
||||||
disabled={fetchLatestCollections.isPending}
|
onClick={() => fetchLatestCollections.mutate()}
|
||||||
icon="IconCloudDownload"
|
disabled={fetchLatestCollections.isPending}
|
||||||
>
|
icon="IconRefresh"
|
||||||
Fetch Latest Collections
|
>
|
||||||
</StyledButton>
|
Get Latest Collections from GitHub
|
||||||
|
</StyledButton>
|
||||||
|
</div>
|
||||||
<div className="!mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
<div className="!mt-4 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
|
||||||
{curatedCollections?.map((collection) => (
|
{curatedCollections?.map((collection) => (
|
||||||
<CuratedCollectionCard
|
<CuratedCollectionCard
|
||||||
|
|
@ -239,7 +234,17 @@ export default function MapsManager(props: {
|
||||||
<p className="text-gray-500">No curated collections available.</p>
|
<p className="text-gray-500">No curated collections available.</p>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
<StyledSectionHeader title="Stored Map Files" className="mt-12 mb-4" />
|
<div className="mt-12 mb-6 flex items-center justify-between">
|
||||||
|
<StyledSectionHeader title="Stored Map Files" className="!mb-0" />
|
||||||
|
<StyledButton
|
||||||
|
variant="primary"
|
||||||
|
onClick={openDownloadModal}
|
||||||
|
loading={downloading}
|
||||||
|
icon="IconCloudDownload"
|
||||||
|
>
|
||||||
|
Download a Custom Map File
|
||||||
|
</StyledButton>
|
||||||
|
</div>
|
||||||
<StyledTable<FileEntry & { actions?: any }>
|
<StyledTable<FileEntry & { actions?: any }>
|
||||||
className="font-semibold mt-4"
|
className="font-semibold mt-4"
|
||||||
rowLines={true}
|
rowLines={true}
|
||||||
|
|
|
||||||
|
|
@ -296,14 +296,7 @@ export default function ZimRemoteExplorer() {
|
||||||
className="!mt-6"
|
className="!mt-6"
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<StyledSectionHeader title="Curated Content Collections" className="mt-8 !mb-4" />
|
<StyledSectionHeader title="Curated Content" className="mt-8 !mb-4" />
|
||||||
<StyledButton
|
|
||||||
onClick={() => refreshManifests.mutate()}
|
|
||||||
disabled={refreshManifests.isPending}
|
|
||||||
icon="IconCloudDownload"
|
|
||||||
>
|
|
||||||
Refresh Collections
|
|
||||||
</StyledButton>
|
|
||||||
|
|
||||||
{/* Wikipedia Selector */}
|
{/* Wikipedia Selector */}
|
||||||
{isLoadingWikipedia ? (
|
{isLoadingWikipedia ? (
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user