This is an automated email from the ASF dual-hosted git repository.
bzp2010 pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/apisix-website.git
The following commit(s) were added to refs/heads/master by this push:
new e52ae41 chore: remove showcase from home page (#646)
e52ae41 is described below
commit e52ae41f1676ffc570dea4d27ea86a493a56faa2
Author: 琚致远 <[email protected]>
AuthorDate: Sat Oct 9 12:33:30 2021 +0800
chore: remove showcase from home page (#646)
---
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}/>
