summaryrefslogtreecommitdiff
path: root/examples/docs/src/components/RightSidebar/MoreMenu.astro
blob: c822aaee90b7daf8a23a0ffd78cbea3c77ab1465 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
---
import ThemeToggleButton from './ThemeToggleButton.tsx';
import * as CONFIG from '../../config';
const {editHref} = Astro.props;
const showMoreSection = (CONFIG.COMMUNITY_INVITE_URL || editHref);
---
<style>
  .edit-on-github {
    text-decoration: none;
    font: inherit;
    color: inherit;
    font-size: 1rem;
  }
</style>
{showMoreSection && <h2 class="heading">More</h2>}
<ul>
  {editHref &&
    <li class={`header-link depth-2`}>
      <a class="edit-on-github" href={editHref} target="_blank">
        <svg
          aria-hidden="true"
          focusable="false"
          data-prefix="fas"
          data-icon="pen"
          class="svg-inline--fa fa-pen fa-w-16"
          role="img"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 512 512"
          height="1em"
          width="1em"
        >
          <path
            fill="currentColor"
            d="M290.74 93.24l128.02 128.02-277.99 277.99-114.14 12.6C11.35 513.54-1.56 500.62.14 485.34l12.7-114.22 277.9-277.88zm207.2-19.06l-60.11-60.11c-18.75-18.75-49.16-18.75-67.91 0l-56.55 56.55 128.02 128.02 56.55-56.55c18.75-18.76 18.75-49.16 0-67.91z"
          ></path>
        </svg>
        <span>Edit this page</span>
      </a>
    </li>
  }
  {CONFIG.COMMUNITY_INVITE_URL && 
    <li class={`header-link depth-2`}>
      <a href={CONFIG.COMMUNITY_INVITE_URL} target="_blank">
        <svg
          aria-hidden="true"
          focusable="false"
          data-prefix="fas"
          data-icon="comment-alt"
          class="svg-inline--fa fa-comment-alt fa-w-16"
          role="img"
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 512 512"
          height="1em"
          width="1em"
        >
          <path
            fill="currentColor"
            d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 9.8 11.2 15.5 19.1 9.7L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64z"
          ></path>
        </svg>
        <span>Join our community</span>
      </a>
    </li>
  }
</ul>
<div style="margin: 2rem 0; text-align: center;">
  <ThemeToggleButton client:visible />
</div>