WebHero - 4 - Succinct feedback

contact.svelte

  {#if serverRes}
    <div class="alert success" role="alert">
      <img
        src={serverRes.successful ? 'check.svg' : 'cross.svg'}
        alt={serverRes.successful ? 'success icon' : 'error icon'} 
      />
      <p>
        {
          serverRes.successful 
            ? 'Your contact request was successfully received!'
            : serverRes.errorMsg 
                ? serverRes.errorMsg
                : 'There was a problem sending your contact request. Please, try again.'
        }
      </p>
    </div>
  {/if}