This is an automated email from the ASF dual-hosted git repository. juzhiyuan pushed a commit to branch chore-showcase in repository https://gitbox.apache.org/repos/asf/apisix-website.git
commit 712a41c731a7c6bc83bfa8c3758796f077a9c9ea Author: juzhiyuan <[email protected]> AuthorDate: Wed Oct 6 22:41:21 2021 +0800 chore: remove showcase from home page --- website/src/pages/index.js | 62 +--------------------------------------------- 1 file changed, 1 insertion(+), 61 deletions(-) diff --git a/website/src/pages/index.js b/website/src/pages/index.js index ec203d2..87693e5 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -1,7 +1,5 @@ -import React, { useState, useEffect, useLayoutEffect } from "react"; -import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; +import React, { useState, useLayoutEffect } from "react"; import Layout from "@theme/Layout"; -import useThemeContext from '@theme/hooks/useThemeContext'; import HeroSection from "./sections/heroSection"; import Architecture from "./sections/architecture"; @@ -26,63 +24,6 @@ const useWindowSize = () => { return size; } -const Showcase = () => { - const {isDarkTheme, setLightTheme, setDarkTheme} = useThemeContext(); - - useEffect(() => { - if(isDarkTheme) { - setLightTheme(true); - } - }, []) - - const { siteConfig } = useDocusaurusContext(); - if (!(siteConfig.customFields.showcases || []).length) { - return null; - } - const showcases = siteConfig.customFields.showcases.map((user) => ( - <a href={user.infoLink} key={user.infoLink} target="_blank"> - <img className="user-logo" src={'https://cdn.jsdelivr.net/gh/apache/apisix-website@master/website/static/img/' + user.image} alt={user.caption} /> - </a> - )); - const middleIndex = (showcases.length / 2).toFixed(0); - - return ( - <div className="hero text--center showcase"> - <div className="container"> - <p> - A wide variety of Companies and Organizations use APISIX for Research, Production and Commercial products - <br /> - <a - href="https://github.com/apache/apisix/blob/master/powered-by.md"; - target="_blank" - rel="noopener" - > - <u>Add your company</u> - </a> - </p> - <div className="user-logos"> - <div className="logo-row"> - <span className="user-logos-container"> - <section> - <span>{showcases.slice(0, middleIndex)}</span> - <span>{showcases.slice(0, middleIndex)}</span> - </section> - </span> - </div> - <div className="logo-row"> - <span className="user-logos-container"> - <section> - <span>{showcases.slice(middleIndex, showcases.length)}</span> - <span>{showcases.slice(middleIndex, showcases.length)}</span> - </section> - </span> - </div> - </div> - </div> - </div> - ); -}; - const Index = (props) => { const [screenWidth, screenHeight] = useWindowSize(); @@ -90,7 +31,6 @@ const Index = (props) => { return ( <Layout> <HeroSection /> - <Showcase /> <Architecture screenWidth={screenWidth} screenHeight={screenHeight}/> <Features screenWidth={screenWidth} screenHeight={screenHeight}/> <Benefits screenWidth={screenWidth} screenHeight={screenHeight}/>
