From 65b2a5c385169d53404d408a3de7986507c194b0 Mon Sep 17 00:00:00 2001
From: MathieuG-P <mathieu.gries-peroz@cirkwi.com>
Date: Wed, 28 Dec 2022 01:38:58 +0100
Subject: [PATCH] download maps button when no maps

---
 assets/jsons/translations/en.json                   |  4 ++++
 assets/jsons/translations/es.json                   |  4 ++++
 assets/jsons/translations/fr.json                   |  4 ++++
 .../local-maps-list-panel.component.tsx             | 13 ++++++++++++-
 4 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/assets/jsons/translations/en.json b/assets/jsons/translations/en.json
index 378ed692..49f4f819 100644
--- a/assets/jsons/translations/en.json
+++ b/assets/jsons/translations/en.json
@@ -38,6 +38,10 @@
                                     "unlink": "Unling maps"
                                 }
                             }
+                        },
+                        "empty-maps":{
+                            "text":"No maps",
+                            "button":"Download maps"
                         }
                     }
                 }
diff --git a/assets/jsons/translations/es.json b/assets/jsons/translations/es.json
index 24b0fee8..36461021 100644
--- a/assets/jsons/translations/es.json
+++ b/assets/jsons/translations/es.json
@@ -38,6 +38,10 @@
                                     "unlink": "Desatar los mapas"
                                 }
                             }
+                        },
+                        "empty-maps":{
+                            "text":"No hay mapas",
+                            "button":"Descargar mapas"
                         }
                     }
                 }
diff --git a/assets/jsons/translations/fr.json b/assets/jsons/translations/fr.json
index 41f386ec..be12fd3f 100644
--- a/assets/jsons/translations/fr.json
+++ b/assets/jsons/translations/fr.json
@@ -38,6 +38,10 @@
                                     "unlink": "Délier les maps"
                                 }
                             }
+                        },
+                        "empty-maps":{
+                            "text":"Aucune map",
+                            "button":"Télécharger des maps"
                         }
                     }
                 }
diff --git a/src/renderer/components/maps-mangement-components/local-maps-list-panel.component.tsx b/src/renderer/components/maps-mangement-components/local-maps-list-panel.component.tsx
index 9bc7d8a3..db028a2c 100644
--- a/src/renderer/components/maps-mangement-components/local-maps-list-panel.component.tsx
+++ b/src/renderer/components/maps-mangement-components/local-maps-list-panel.component.tsx
@@ -7,6 +7,10 @@ import { MapItem, ParsedMapDiff } from "./map-item.component"
 import { BsvMapCharacteristic, MapFilter } from "shared/models/maps/beat-saver.model"
 import { useInView } from "framer-motion"
 import { MapsDownloaderService } from "renderer/services/maps-downloader.service"
+import { BsmImage } from "../shared/bsm-image.component"
+import BeatConflict from "../../../../assets/images/apngs/beat-conflict.png"
+import { BsmButton } from "../shared/bsm-button.component"
+import { useTranslation } from "renderer/hooks/use-translation.hook"
 
 type Props = {
     version: BSVersion,
@@ -25,6 +29,7 @@ export const LocalMapsListPanel = forwardRef(({version, className, filter, searc
     const [maps, setMaps] = useState<BsmLocalMap[]>([]);
     const [subs] = useState<Subscription[]>([]);
     const [selectedMaps, setSelectedMaps] = useState([]);
+    const t = useTranslation();
 
     useImperativeHandle(forwardRef ,()=>({
         deleteMaps(){
@@ -242,7 +247,13 @@ export const LocalMapsListPanel = forwardRef(({version, className, filter, searc
     return (
         <div ref={ref} className={className}>
             <ul className="p-3 w-full grow flex flex-wrap justify-center content-start gap-2 overflow-y-scroll scrollbar-thin scrollbar-thumb-rounded-full scrollbar-thumb-neutral-900">
-                {renderMaps()}
+                {maps?.length ? renderMaps() : (
+                    <div className="h-full flex flex-col items-center justify-start pt-3">
+                        <BsmImage image={BeatConflict}/>
+                        <span className="font-bold mb-4">{t("pages.version-viewer.maps.tabs.maps.empty-maps.text")}</span>
+                        <BsmButton className="p-2 font-bold rounded-md" text="pages.version-viewer.maps.tabs.maps.empty-maps.button" typeColor="primary" withBar={false} onClick={e => {e.preventDefault(); mapsDownloader.openDownloadMapModal(version)}}/>
+                    </div>
+                )}
             </ul>
         </div>
     )