From 6a91bd53e2f26d72a407a266b660cbfae0902a20 Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp.dormann1@gmail.com>
Date: Mon, 15 Feb 2021 17:52:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9E=20fixed=20null=20addresses=20in=20?=
 =?UTF-8?q?ContactsOverview?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ref #50
---
 src/components/ContactsOverview.svelte | 55 +++++++++++++++-----------
 1 file changed, 31 insertions(+), 24 deletions(-)

diff --git a/src/components/ContactsOverview.svelte b/src/components/ContactsOverview.svelte
index 35538de8..31fcc9df 100644
--- a/src/components/ContactsOverview.svelte
+++ b/src/components/ContactsOverview.svelte
@@ -2,9 +2,11 @@
   import { _ } from "svelte-i18n";
   import Toastify from "toastify-js";
   import { GroupContactService } from "@odit/lfk-client-js";
-  const promise = GroupContactService.groupContactControllerGetAll().then(result=>{
-    current_contacts=result;
-  })
+  const promise = GroupContactService.groupContactControllerGetAll().then(
+    (result) => {
+      current_contacts = result;
+    }
+  );
   import store from "../store";
   import ContactsEmptyState from "./ContactsEmptyState.svelte";
   $: searchvalue = "";
@@ -77,18 +79,18 @@
                     <div class="flex items-center">
                       <div class="ml-4">
                         <div class="text-sm font-medium text-gray-900">
-                          {#if t.groups.length>0}
-                          {#each t.groups as g}   
-                          {#if g.responseType==="RUNNERORGANIZATION"}
-                          <a
-                            href="../orgs/{g.id}"
-                            class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{g.name}</a>
-                            {:else}
-                            <a
-                              href="../teams/{g.id}"
-                              class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{g.name}</a>
-                          {/if}
-                          {/each}
+                          {#if t.groups.length > 0}
+                            {#each t.groups as g}
+                              {#if g.responseType === 'RUNNERORGANIZATION'}
+                                <a
+                                  href="../orgs/{g.id}"
+                                  class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{g.name}</a>
+                              {:else}
+                                <a
+                                  href="../teams/{g.id}"
+                                  class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 text-gray-800">{g.name}</a>
+                              {/if}
+                            {/each}
                           {:else}no groups{/if}
                         </div>
                       </div>
@@ -98,11 +100,13 @@
                     <div class="flex items-center">
                       <div class="ml-4">
                         <div class="text-sm font-medium text-gray-900">
-                          {t.address.address1}<br>
-                          {t.address.address2 || ''}<br>
-                          {t.address.postalcode}
-                          {t.address.city}
-                          {t.address.country}
+                          {#if t.address.address1 !== null}
+                            {t.address.address1}<br />
+                            {t.address.address2 || ''}<br />
+                            {t.address.postalcode}
+                            {t.address.city}
+                            {t.address.country}
+                          {/if}
                         </div>
                       </div>
                     </div>
@@ -119,16 +123,19 @@
                         Delete</button>
                       <button
                         on:click={() => {
-                          GroupContactService.groupContactControllerRemove(t.id, false)
-                            .then((resp) => {
-                              current_contacts = current_contacts.filter((obj) => obj.id !== t.id);
+                          GroupContactService.groupContactControllerRemove(t.id, false).then(
+                            (resp) => {
+                              current_contacts = current_contacts.filter(
+                                (obj) => obj.id !== t.id
+                              );
                               Toastify({
                                 text: 'Contact deleted',
                                 duration: 500,
                                 backgroundColor:
                                   'linear-gradient(to right, #00b09b, #96c93d)',
                               }).showToast();
-                            })
+                            }
+                          );
                         }}
                         tabindex="0"
                         class="ml-4 text-red-600 hover:text-red-900 cursor-pointer">Confirm