Skip to content

Commit

Permalink
Merge pull request #9022 from sm1990/vs-prev-next
Browse files Browse the repository at this point in the history 
Add prev/next buttons to vs-code extension docs
  • Loading branch information
@sm1990
sm1990 committed May 9, 2024
2 parents 364154d + 0d45ed3 commit 2c1ac07
Show file tree
Hide file tree
Showing 18 changed files with 921 additions and 770 deletions.
98 changes: 53 additions & 45 deletions pages/learn/vs-code-extension/build-executables.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/**
* Copyright (c) 2022, WSO2 LLC (http://www.wso2.com) All Rights Reserved.
* Copyright (c) 2023, WSO2 LLC (http://www.wso2.com) All Rights Reserved.
*
* WSO2 LLC licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
Expand Down Expand Up @@ -27,6 +27,7 @@ import Link from "next/link";
import Layout from "../../../layouts/LayoutDocs";
import LeftNav from "../../../components/common/left-nav/LeftNav";
import MainContent from "../../../components/common/main-content/MainContent";
import PrevNext from "../../../components/common/prev-next/PrevNext";
import { prefix } from "../../../utils/prefix";
import LearnToc from "../../../utils/vs-code-ext.json";
import Toc from "../../../components/common/pg-toc/Toc";
Expand Down Expand Up @@ -112,28 +113,28 @@ export default function PostPage({ frontmatter, content, id }) {
</Head>
<Layout>
<Col sm={3} xxl={2} className="leftNav d-none d-sm-block">
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<LeftNav
launcher="learn"
id={id}
Expand All @@ -148,28 +149,28 @@ export default function PostPage({ frontmatter, content, id }) {
<Offcanvas show={show} onHide={handleClose}>
<Offcanvas.Header closeButton></Offcanvas.Header>
<Offcanvas.Body>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<LeftNav
launcher="vs-code"
id={id}
Expand Down Expand Up @@ -209,6 +210,13 @@ export default function PostPage({ frontmatter, content, id }) {
content={content}
handleToc={handleToc} />

<PrevNext
launcher="learn"
id={id}
mainDir="build-executables"
Toc={LearnToc}
/>

</Container>
</Col>
<Col sm={2} xxl={3} className="pageToc d-none d-sm-block">
Expand Down
98 changes: 53 additions & 45 deletions pages/learn/vs-code-extension/configure-the-extension.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
/**
* Copyright (c) 2022, WSO2 LLC (http://www.wso2.com) All Rights Reserved.
* Copyright (c) 2023, WSO2 LLC (http://www.wso2.com) All Rights Reserved.
*
* WSO2 LLC licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
Expand Down Expand Up @@ -27,6 +27,7 @@ import Link from "next/link";
import Layout from "../../../layouts/LayoutDocs";
import LeftNav from "../../../components/common/left-nav/LeftNav";
import MainContent from "../../../components/common/main-content/MainContent";
import PrevNext from "../../../components/common/prev-next/PrevNext";
import { prefix } from "../../../utils/prefix";
import LearnToc from "../../../utils/vs-code-ext.json";
import Toc from "../../../components/common/pg-toc/Toc";
Expand Down Expand Up @@ -112,28 +113,28 @@ export default function PostPage({ frontmatter, content, id }) {
</Head>
<Layout>
<Col sm={3} xxl={2} className="leftNav d-none d-sm-block">
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<LeftNav
launcher="learn"
id={id}
Expand All @@ -148,28 +149,28 @@ export default function PostPage({ frontmatter, content, id }) {
<Offcanvas show={show} onHide={handleClose}>
<Offcanvas.Header closeButton></Offcanvas.Header>
<Offcanvas.Body>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<Link href="/learn/vs-code-extension/" passHref>
<div className="backToLanding">
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="#3ad1ca"
className="bi bi-box-arrow-left ms-0"
viewBox="0 0 16 16"
>
<path
fillRule="evenodd"
d="M6 12.5a.5.5 0 0 0 .5.5h8a.5.5 0 0 0 .5-.5v-9a.5.5 0 0 0-.5-.5h-8a.5.5 0 0 0-.5.5v2a.5.5 0 0 1-1 0v-2A1.5 1.5 0 0 1 6.5 2h8A1.5 1.5 0 0 1 16 3.5v9a1.5 1.5 0 0 1-1.5 1.5h-8A1.5 1.5 0 0 1 5 12.5v-2a.5.5 0 0 1 1 0v2z"
/>
<path
fillRule="evenodd"
d="M.146 8.354a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L1.707 7.5H10.5a.5.5 0 0 1 0 1H1.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3z"
/>
</svg>
<p className="m-0 p-0">Back to VS Code home</p>
</div>
</Link>
<LeftNav
launcher="vs-code"
id={id}
Expand Down Expand Up @@ -209,6 +210,13 @@ export default function PostPage({ frontmatter, content, id }) {
content={content}
handleToc={handleToc} />

<PrevNext
launcher="learn"
id={id}
mainDir="configure-the-extension"
Toc={LearnToc}
/>

</Container>
</Col>
<Col sm={2} xxl={3} className="pageToc d-none d-sm-block">
Expand Down

0 comments on commit 2c1ac07

Please sign in to comment.