WebHero - 4 - Backend response feedback

contact.svelte

  {#if serverRes}
    {#if serverRes.successful}
      <div class="alert success" role="alert">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
          <path stroke-width="2" stroke="white" fill="none" d="M0.5,8 L4,11.5 L11.5,3" />
        </svg>
        <p>Your contact request was successfully received!</p>
      </div>
    {:else}
      <div class="alert error" role="alert">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12">
          <path stroke-width="2" stroke="white" fill="none" d="M0.5,0.5 L11.5,11.5 M11.5,0.5 L0.5,11.5" />
        </svg>
        <p>
          {serverRes.errorMsg ? serverRes.errorMsg : 'There was a problem sending your contact request. Please, try again.'}
        </p>
      </div>
    {/if}
  {/if}