Skip to content

Commit

Permalink
Merge pull request #8369 from sm1990/bff7
Browse files Browse the repository at this point in the history 
Fix permalinks in bff page
  • Loading branch information
@sm1990
sm1990 authored Nov 28, 2023
2 parents 0f515c7 + 50f6b07 commit 182ec34
Showing 1 changed file with 20 additions and 20 deletions.
40 changes: 20 additions & 20 deletions components/bff/code/Code.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -49,15 +49,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='rest-support' className='section'>
<h2 id='simplify-back-end-development-with-native-rest-features' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'rest-support')}
onClick={(e) => props.getLink(e.target, 'simplify-back-end-development-with-native-rest-features')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -115,15 +115,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='rest-business-apps' className='section'>
<h2 id='streamline-back-end-data-handling' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'rest-business-apps')}
onClick={(e) => props.getLink(e.target, 'streamline-back-end-data-handling')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -180,15 +180,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='rest-business-apps' className='section'>
<h2 id='validate-payload-constraints-in-web-back-ends' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'rest-business-apps')}
onClick={(e) => props.getLink(e.target, 'validate-payload-constraints-in-web-back-ends')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -245,15 +245,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='rest-transform' className='section'>
<h2 id='efficiently-expose-complex-data-with-graphql' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'rest-transform')}
onClick={(e) => props.getLink(e.target, 'efficiently-expose-complex-data-with-graphql')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -311,15 +311,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='powerful-data-mapping' className='section'>
<h2 id='expose-real-time-data-to-front-ends-via-websockets' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'powerful-data-mapping')}
onClick={(e) => props.getLink(e.target, 'expose-real-time-data-to-front-ends-via-websockets')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -377,15 +377,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='ballerina-is-serverAuth' className='section'>
<h2 id='simplify-user-authentications-and-authorizations' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'ballerina-is-serverAuth')}
onClick={(e) => props.getLink(e.target, 'simplify-user-authentications-and-authorizations')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -443,15 +443,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='security' className='section'>
<h2 id='comprehensive-security-for-web-back-ends' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'security')}
onClick={(e) => props.getLink(e.target, 'comprehensive-security-for-web-back-ends')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -508,15 +508,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='custom-rest' className='section'>
<h2 id='securely-interact-with-internal-external-services' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'custom-rest')}
onClick={(e) => props.getLink(e.target, 'securely-interact-with-internal-external-services')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -573,15 +573,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='apis-are-new-dll' className='section'>
<h2 id='automate-data-access-with-ballerina' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'apis-are-new-dll')}
onClick={(e) => props.getLink(e.target, 'automate-data-access-with-ballerina')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down Expand Up @@ -635,15 +635,15 @@ export default function UseCases(props) {
<Container>
<Row>
<Col xs={12} className={styles.box}>
<h2 id='apis-are-new-dll' className='section'>
<h2 id='develop-flexible-scalable-back-ends' className='section'>
<svg
xmlns="http://www.w3.org/2000/svg"
width="30"
height="30"
fill="currentColor"
className="bi bi-link-45deg mdButton pe-2"
viewBox="0 0 16 16"
onClick={(e) => props.getLink(e.target, 'apis-are-new-dll')}
onClick={(e) => props.getLink(e.target, 'develop-flexible-scalable-back-ends')}
>
<path d="M4.715 6.542 3.343 7.914a3 3 0 1 0 4.243 4.243l1.828-1.829A3 3 0 0 0 8.586 5.5L8 6.086a1.002 1.002 0 0 0-.154.199 2 2 0 0 1 .861 3.337L6.88 11.45a2 2 0 1 1-2.83-2.83l.793-.792a4.018 4.018 0 0 1-.128-1.287z" />
<path d="M6.586 4.672A3 3 0 0 0 7.414 9.5l.775-.776a2 2 0 0 1-.896-3.346L9.12 3.55a2 2 0 1 1 2.83 2.83l-.793.792c.112.42.155.855.128 1.287l1.372-1.372a3 3 0 1 0-4.243-4.243L6.586 4.672z" />
Expand Down

0 comments on commit 182ec34

Please sign in to comment.