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>
|
||||
</div>
|
||||
<div className="flex space-x-4">
|
||||
<StyledButton
|
||||
variant="primary"
|
||||
onClick={openDownloadModal}
|
||||
loading={downloading}
|
||||
icon="IconCloudDownload"
|
||||
>
|
||||
Download Custom Map File
|
||||
</StyledButton>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{!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">
|
||||
<StyledSectionHeader title="Curated Map Regions" className="!mb-0" />
|
||||
<StyledButton
|
||||
onClick={() => fetchLatestCollections.mutate()}
|
||||
disabled={fetchLatestCollections.isPending}
|
||||
icon="IconCloudDownload"
|
||||
icon="IconRefresh"
|
||||
>
|
||||
Fetch Latest Collections
|
||||
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">
|
||||
{curatedCollections?.map((collection) => (
|
||||
<CuratedCollectionCard
|
||||
|
|
@ -239,7 +234,17 @@ export default function MapsManager(props: {
|
|||
<p className="text-gray-500">No curated collections available.</p>
|
||||
)}
|
||||
</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 }>
|
||||
className="font-semibold mt-4"
|
||||
rowLines={true}
|
||||
|
|
|
|||
|
|
@ -296,14 +296,7 @@ export default function ZimRemoteExplorer() {
|
|||
className="!mt-6"
|
||||
/>
|
||||
)}
|
||||
<StyledSectionHeader title="Curated Content Collections" className="mt-8 !mb-4" />
|
||||
<StyledButton
|
||||
onClick={() => refreshManifests.mutate()}
|
||||
disabled={refreshManifests.isPending}
|
||||
icon="IconCloudDownload"
|
||||
>
|
||||
Refresh Collections
|
||||
</StyledButton>
|
||||
<StyledSectionHeader title="Curated Content" className="mt-8 !mb-4" />
|
||||
|
||||
{/* Wikipedia Selector */}
|
||||
{isLoadingWikipedia ? (
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user