Logo link examples:

<Page withBorder>
  <Pattern>
    <div style={{ padding: '2em' }}>
      <LogoLink />
    </div>
  </Pattern>
</Page>

<LogoLink logoUrl={'https://doodle.com/graphics/mails0/doodleLogo.png'} />

<LogoLink logoUrl={'https://doodle.com/graphics/mails0/doodleLogo.png'} />

const user = {
  data: {
    name: 'Tom Tom',
    email: 'tom@example.com',
    avatarSmallUrl:
      'https://6a5edc300520d4037dd6-0732807511066685711db213ddc1d2df.ssl.cf2.rackcdn.com/snw8ceng29ch3zbs4pvro3t2jxswf8yk',
    accessToken: 'abc123',
  },
  loading: false,
  isEligibleForFreeTrial: true,
};
<div>
  <p>Logo redirects to Homepage (user logged in on the site with custom URL):</p>
  <LogoLink currentPageType="site" user={user} />

  <p>Logo redirects to Homepage (user logged in on the site without custom URL):</p>
  <LogoLink currentPageType="site" user={user} />

  <p>Logo redirects to Dashboard (user logged in on the product without a custom URL):</p>
  <LogoLink currentPageType="product" user={user} />

  <p>Logo redirects to Dashboard (user logged in on the product with a custom URL):</p>
  <LogoLink currentPageType="product" user={user} />

  <p>Logo redirects to Homepage (user logged out on the site):</p>
  <LogoLink currentPageType="site" />

  <p>Logo redirects to custom URL (user logged out on the product with custom URL):</p>
  <LogoLink currentPageType="product" customUrl="somewebsite/doodle.com" />
</div>;