hummingbird-me/kitsu-web

<div class="modal-wrapper">
  <div class="auth-section active">
    <h6 class="auth-section-title">Find your friends!</h6>
    <p class="auth-section-helper">Kitsu becomes more interesting as you follow others. Connect your social accounts so you and your friends can find each other.</p>
  </div>
  <div class="onboarding-connect modal-actions">
    <section class="connect-item">
      <div class="connect-itemInfo">
        <h6 class="connect-itemTitle">Connect to Facebook</h6>
      </div>
      <div class="connect-cta">
        {{! TODO/@Josh -- Disconnect buttons need cleanup here }}
        {{#if session.account.facebookId}}
          <button class="button button--facebook " title="Disconnect your Facebook account from Kitsu" aria-label="Disconnect your Facebook account from Kitsu" {{action (perform disconnectFacebook)}}>
            <span class="svgIcon">{{svg-jar "l-facebook"}}</span>
            <span class="button-label">Disconnect</span>
          </button>
        {{else}}
          <button class="button button--facebook " title="Connect your Facebook account to Kitsu" aria-label="Connect your Facebook account to Kitsu" {{action (perform connectFacebook)}}>
            <span class="svgIcon">{{svg-jar "l-facebook"}}</span>
            <span class="button-label">Connect to Facebook</span>
          </button>
        {{/if}}
      </div>
      <p class="connect-itemDescription">Friends you have on Facebook who are also on Kitsu will become part of your Kitsu network. <strong>We will never post to Facebook or message your friends without your permission.</strong></p>
    </section>
  </div>
  <div class="form-cta">
    <button type="button" class="button button--primary" disabled={{if tasks.isRunning "disabled"}} {{action (queue (perform importFriends) (action "close"))}}>
      {{#if tasks.isRunning}}
        {{loading-spinner}}
      {{else}}
        All set - Start using Kitsu!
      {{/if}}
    </button>
  </div>
</div>