Fix: fix #1844

src/UI/Reviews/ReviewsOverview.svelte

@@ -6,12 +6,15 @@
   import LoginButton from "../Base/LoginButton.svelte"
   import SingleReview from "./SingleReview.svelte"
   import Mangrove_logo from "../../assets/svg/Mangrove_logo.svelte"
+  import Loading from "../Base/Loading.svelte"
 
   /**
    * A panel showing all the reviews by the logged-in user
    */
   export let state: SpecialVisualizationState
-  let reviews = state.userRelatedState.mangroveIdentity.getAllReviews()
+  let allReviews = state.userRelatedState.mangroveIdentity.getAllReviews()
+  let reviews = state.userRelatedState.mangroveIdentity.getGeoReviews()
+  let kid = state.userRelatedState.mangroveIdentity.getKeyId()
   const t = Translations.t.reviews
 </script>
 
@@ -22,23 +25,42 @@
     </LoginButton>
   </div>
 
-  {#if $reviews?.length > 0}
-    <div class="flex flex-col" on:keypress={(e) => console.log("Got keypress", e)}>
-      {#each $reviews as review (review.sub)}
-        <SingleReview {review} showSub={true} {state} />
-      {/each}
-    </div>
+  {#if $reviews === undefined}
+    <Loading />
   {:else}
-    <Tr t={t.your_reviews_empty} />
+    {#if $reviews?.length > 0}
+      <div class="flex flex-col gap-y-1" on:keypress={(e) => console.log("Got keypress", e)}>
+        {#each $reviews as review (review.sub)}
+          <SingleReview {review} showSub={true} {state} />
+        {/each}
+      </div>
+    {:else}
+      <Tr t={t.your_reviews_empty} />
+    {/if}
+
+    {#if $allReviews?.length > $reviews?.length}
+      {#if $allReviews?.length - $reviews?.length === 1}
+        <Tr t={t.non_place_review} />
+      {:else}
+        <Tr t={t.non_place_reviews.Subs({n:$allReviews?.length - $reviews?.length })} />
+      {/if}
+      <a target="_blank"
+         class="link-underline"
+         rel="noopener nofollow"
+         href={`https://mangrove.reviews/list?kid=${encodeURIComponent($kid)}`}
+      >
+        <Tr t={t.see_all} />
+      </a>
+    {/if}
+    <a
+      class="link-underline"
+      href="https://github.com/pietervdvn/MapComplete/issues/1782"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <Tr t={t.reviews_bug} />
+    </a>
   {/if}
-  <a
-    class="link-underline"
-    href="https://github.com/pietervdvn/MapComplete/issues/1782"
-    target="_blank"
-    rel="noopener noreferrer"
-  >
-    <Tr t={t.reviews_bug} />
-  </a>
   <div class="flex justify-end">
     <Mangrove_logo class="h-12 w-12 shrink-0 p-1" />
     <Tr cls="text-sm subtle" t={t.attribution} />