You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pulsar.apache.org by vi...@apache.org on 2024/03/19 18:56:17 UTC
(pulsar-site) 01/01: Fix broken anchor link for community section
This is an automated email from the ASF dual-hosted git repository.
visortelle pushed a commit to branch fix-anchor-link
in repository https://gitbox.apache.org/repos/asf/pulsar-site.git
commit 0b78ba956ac6b9eef95210fa21c86eceb5ff06f0
Author: visortelle <vi...@gmail.com>
AuthorDate: Tue Mar 19 22:55:59 2024 +0400
Fix broken anchor link for community section
---
.../pages/CommunityPage/CommunityPage.tsx | 118 +++++++++++----------
1 file changed, 60 insertions(+), 58 deletions(-)
diff --git a/src/components/pages/CommunityPage/CommunityPage.tsx b/src/components/pages/CommunityPage/CommunityPage.tsx
index 25537bcd7f6d..ac44adf89780 100644
--- a/src/components/pages/CommunityPage/CommunityPage.tsx
+++ b/src/components/pages/CommunityPage/CommunityPage.tsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import React, { useMemo } from "react";
import Layout from "@theme/Layout";
import s from "./CommunityPage.module.css";
import useBaseUrl from "@docusaurus/useBaseUrl";
@@ -144,69 +144,71 @@ export default function CommunityPage(): JSX.Element {
</div>
<div className={s.CommunityMembers}>
- <BrowserOnly>
- {() => (
- <div className={s.CommunityContent}>
- <Section anchor="section-community" title="Meet the Community">
- <p className={s.CommunityMembersBig}>
- Pulsar community consists of PMC members, committers and contributors.
- </p>
- <p className={s.CommunityMembersSmall}>
- For the complete and up-to-date list, see <a href="https://projects.apache.org/committee.html?pulsar" target="_blank" >Apache Pulsar Committee</a>.
- </p>
- <br />
- <h4>{pmcMembers.length} PMC members</h4>
- <div>
- <div className={s.CommunityMembersDesktop}>
- {(pmcMembers || []).map((member) => (
- <MemberCard key={member.apacheId} member={member} />
- ))}
- <div className={s.CommunityMembersShowMore}>
- <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar" target="_blank" icon={useBaseUrl("/img/gotoi.svg")} />
+ <div className={s.CommunityContent}>
+ <Section anchor="section-community" title="Meet the Community">
+ <BrowserOnly>
+ {() => (
+ <>
+ <p className={s.CommunityMembersBig}>
+ Pulsar community consists of PMC members, committers and contributors.
+ </p>
+ <p className={s.CommunityMembersSmall}>
+ For the complete and up-to-date list, see <a href="https://projects.apache.org/committee.html?pulsar" target="_blank" >Apache Pulsar Committee</a>.
+ </p>
+ <br />
+ <h4>{pmcMembers.length} PMC members</h4>
+ <div>
+ <div className={s.CommunityMembersDesktop}>
+ {(pmcMembers || []).map((member) => (
+ <MemberCard key={member.apacheId} member={member} />
+ ))}
+ <div className={s.CommunityMembersShowMore}>
+ <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar" target="_blank" icon={useBaseUrl("/img/gotoi.svg")} />
+ </div>
</div>
- </div>
- <div className={s.CommunityMembersMobile}>
- <div className={s.Slider}>
- <Slider centerMode={window.innerWidth > 800} slidesToShow={1} invertMode={true}>
- {teamPmcSets.map((set, i) => (
- <div key={i} className={s.SlideTeam}>
- {set.map((member) => (
- <MemberCard key={member.apacheId} member={member} />
- ))}
- </div>
- ))}
- </Slider>
+ <div className={s.CommunityMembersMobile}>
+ <div className={s.Slider}>
+ <Slider centerMode={window.innerWidth > 800} slidesToShow={1} invertMode={true}>
+ {teamPmcSets.map((set, i) => (
+ <div key={i} className={s.SlideTeam}>
+ {set.map((member) => (
+ <MemberCard key={member.apacheId} member={member} />
+ ))}
+ </div>
+ ))}
+ </Slider>
+ </div>
</div>
</div>
- </div>
- <h4>{committers.length} Committers</h4>
- <div>
- <div className={s.CommunityMembersDesktop}>
- {(committers || []).map((member, i) => (
- <MemberCard key={member.apacheId} member={member} />
- ))}
- <div className={s.CommunityMembersShowMore}>
- <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar" target="_blank" icon={useBaseUrl("/img/gotoi.svg")} />
+ <h4>{committers.length} Committers</h4>
+ <div>
+ <div className={s.CommunityMembersDesktop}>
+ {(committers || []).map((member, i) => (
+ <MemberCard key={member.apacheId} member={member} />
+ ))}
+ <div className={s.CommunityMembersShowMore}>
+ <Button title="Go to Github" variant="cleanInvert" href="https://github.com/apache/pulsar" target="_blank" icon={useBaseUrl("/img/gotoi.svg")} />
+ </div>
</div>
- </div>
- <div className={s.CommunityMembersMobile}>
- <div className={s.Slider}>
- <Slider centerMode={window.innerWidth > 800} slidesToShow={1} invertMode={true}>
- {teamCtrsSets.map((set, i) => (
- <div key={i} className={s.SlideTeam}>
- {set.map((member) => (
- <MemberCard key={member.apacheId} member={member} />
- ))}
- </div>
- ))}
- </Slider>
+ <div className={s.CommunityMembersMobile}>
+ <div className={s.Slider}>
+ <Slider centerMode={window.innerWidth > 800} slidesToShow={1} invertMode={true}>
+ {teamCtrsSets.map((set, i) => (
+ <div key={i} className={s.SlideTeam}>
+ {set.map((member) => (
+ <MemberCard key={member.apacheId} member={member} />
+ ))}
+ </div>
+ ))}
+ </Slider>
+ </div>
</div>
</div>
- </div>
- </Section>
- </div>
- )}
- </BrowserOnly>
+ </>
+ )}
+ </BrowserOnly>
+ </Section>
+ </div>
</div>
<div className={s.CommunityNumbers}>