This is an automated email from the ASF dual-hosted git repository. juzhiyuan pushed a commit to branch chore-docusaurus in repository https://gitbox.apache.org/repos/asf/apisix-website.git
commit 0b03d9a1899cc9d799c9c3e68476d7a828776351 Author: juzhiyuan <[email protected]> AuthorDate: Sun Oct 10 20:23:13 2021 +0800 chore: update component name --- website/src/pages/index.js | 12 ++--- website/src/pages/sections/home-events-section.jsx | 60 ++++++++++++++++++++++ website/src/pages/sections/newsSection.jsx | 47 ----------------- 3 files changed, 66 insertions(+), 53 deletions(-) diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 87693e5..e7ec360 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -7,7 +7,7 @@ import Features from "./sections/features"; import Benefits from "./sections/benefits"; import Comparison from "./sections/comparison"; import OpensourcePromo from "./sections/opensourcePromo"; -import NewsSection from "./sections/newsSection"; +import HomeEventsSection from "./sections/home-events-section"; import EndCTA from "./sections/endcta"; import EventPosterCard from "./sections/components/eventPosterCard"; @@ -24,19 +24,19 @@ const useWindowSize = () => { return size; } -const Index = (props) => { +const Index = () => { const [screenWidth, screenHeight] = useWindowSize(); return ( <Layout> <HeroSection /> - <Architecture screenWidth={screenWidth} screenHeight={screenHeight}/> - <Features screenWidth={screenWidth} screenHeight={screenHeight}/> - <Benefits screenWidth={screenWidth} screenHeight={screenHeight}/> + <Architecture screenWidth={screenWidth} screenHeight={screenHeight} /> + <Features screenWidth={screenWidth} screenHeight={screenHeight} /> + <Benefits screenWidth={screenWidth} screenHeight={screenHeight} /> <Comparison /> <OpensourcePromo /> - <NewsSection /> + <HomeEventsSection /> <EndCTA /> <EventPosterCard /> </Layout> diff --git a/website/src/pages/sections/home-events-section.jsx b/website/src/pages/sections/home-events-section.jsx new file mode 100644 index 0000000..591f2b0 --- /dev/null +++ b/website/src/pages/sections/home-events-section.jsx @@ -0,0 +1,60 @@ +import React from "react"; +import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; + +import "../../css/customTheme.css"; +import ChevronRight from "../../assets/icons/chevron-right.svg"; + +const HomeEventsSection = () => { + const { siteConfig } = useDocusaurusContext(); + const events = (siteConfig.customFields.events || []) + .slice(0, 4) + .map((event) => { + const publishTime = event.fileName.slice(0, 10); + const splittedFileName = event.fileName.split("-"); + const url = `/events/${splittedFileName + .slice(0, 3) + .join("/")}/${splittedFileName.slice(3).join("-")}`; + return ( + <div className="event-card" key={event.title}> + <a className="event-item" href={url} target="_blank"> + <div className="event-card-title">{event.title}</div> + <div className="event-card-time">{publishTime}</div> + <div className="event-card-read"> + Read <ChevronRight style={{ width: "6px" }} /> + </div> + </a> + </div> + ); + }); + + return ( + <div className="news" style={{ padding: "50px 0" }}> + <div> + <h3 + className="docs-promo-head" + style={{ width: "100%", textAlign: "center", left: "0" }} + > + Stay updated about APISIX + </h3> + <p + className="docs-promo-subtitle" + style={{ width: "100%", textAlign: "center", left: "0" }} + > + Some Recent events + </p> + <div className="event-card-container">{events}</div> + </div> + <div className="newsletter"> + <p> + Stay up to date about all Apache APISIX™ News, subscribe to our{" "} + <a hred="%">newsletter.</a> + </p> + <a className="news-button" href="/docs/general/subscribe-guide"> + Subscribe + </a> + </div> + </div> + ); +}; + +export default HomeEventsSection; diff --git a/website/src/pages/sections/newsSection.jsx b/website/src/pages/sections/newsSection.jsx deleted file mode 100644 index 0ef8c5b..0000000 --- a/website/src/pages/sections/newsSection.jsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from "react"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; - -import "../../css/customTheme.css"; -import ChevronRight from "../../assets/icons/chevron-right.svg"; - -const NewsSection = () => { - const { siteConfig } = useDocusaurusContext(); - const events = (siteConfig.customFields.events || []) - .slice(0, 4) - .map((event) => { - const publishTime = event.fileName.slice(0, 10); - const splittedFileName = event.fileName.split("-"); - const url = `/events/${splittedFileName - .slice(0, 3) - .join("/")}/${splittedFileName.slice(3).join("-")}`; - return ( - <div className="event-card" key={event.title}> - <a className="event-item" href={url} target="_blank"> - <div className="event-card-title">{event.title}</div> - <div className="event-card-time">{publishTime}</div> - <div className="event-card-read"> - Read <ChevronRight style={{width: "6px"}}/> - </div> - </a> - </div> - ); - }); - - return ( - <> - <div className="news" style={{padding: "50px 0"}}> - <div> - <h3 className="docs-promo-head" style={{width: "100%", textAlign: "center", left: "0"}}>Stay updated about APISIX</h3> - <p className="docs-promo-subtitle" style={{width: "100%", textAlign: "center", left: "0"}}>Some Recent events</p> - <div className="event-card-container">{events}</div> - </div> - <div className="newsletter"> - <p>Stay up to date about all Apache APISIX™ News, subscribe to our <a hred="%">newsletter.</a></p> - <a className="news-button" href="/docs/general/subscribe-guide">Subscribe</a> - </div> - </div> - </> - ); -} - -export default NewsSection;
