chore(asf): disable calendar display by default, click to show (#28048)

This commit is contained in:
Evan Rusackas 2024-04-16 17:25:42 -06:00 committed by GitHub
parent 594e5a50a3
commit 19170d94c8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 26 additions and 6 deletions

View File

@ -16,7 +16,7 @@
* specific language governing permissions and limitations * specific language governing permissions and limitations
* under the License. * under the License.
*/ */
import React from 'react'; import React, { useState } from 'react';
import styled from '@emotion/styled'; import styled from '@emotion/styled';
import { List } from 'antd'; import { List } from 'antd';
import Layout from '@theme/Layout'; import Layout from '@theme/Layout';
@ -179,7 +179,19 @@ const StyledLink = styled('a')`
} }
`; `;
const FinePrint = styled('div')`
font-size: 14px;
color: var(--ifm-secondary-text);
`
const Community = () => { const Community = () => {
const [showCalendar, setShowCalendar] = useState(false); // State to control calendar visibility
const toggleCalendar = () => {
setShowCalendar(!showCalendar); // Toggle calendar visibility
};
return ( return (
<Layout <Layout
title="Community" title="Community"
@ -238,14 +250,22 @@ const Community = () => {
<img src="/img/calendar-icon.svg" alt="calendar-icon" /> <img src="/img/calendar-icon.svg" alt="calendar-icon" />
Subscribe to the Superset Community Calendar Subscribe to the Superset Community Calendar
</StyledLink> </StyledLink>
<br />
<StyledLink onClick={toggleCalendar}>
<img src="/img/calendar-icon.svg" alt="calendar-icon" />
{showCalendar ? 'Hide Calendar' : 'Display Calendar*'}
</StyledLink>
{!showCalendar && <FinePrint><sup>*</sup>Clicking on this link will load and send data from and to Google.</FinePrint>}
</> </>
} }
/> />
<StyledCalendarIframe {showCalendar && (
src="https://calendar.google.com/calendar/embed?src=superset.committers%40gmail.com&ctz=America%2FLos_Angeles" <StyledCalendarIframe
frameBorder="0" src="https://calendar.google.com/calendar/embed?src=superset.committers%40gmail.com&ctz=America%2FLos_Angeles"
scrolling="no" frameBorder="0"
/> scrolling="no"
/>
)}
</BlurredSection> </BlurredSection>
</main> </main>
</Layout> </Layout>