diff --git a/assets/images/influxdbu.svg b/assets/images/influxdbu.svg new file mode 100644 index 0000000000..2c3a84533c --- /dev/null +++ b/assets/images/influxdbu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/me/components/AnnouncementBlock.scss b/src/me/components/AnnouncementBlock.scss index 1948a277a4..12d4c7b2e0 100644 --- a/src/me/components/AnnouncementBlock.scss +++ b/src/me/components/AnnouncementBlock.scss @@ -69,6 +69,19 @@ } } + .announcement-block--image-spacer { + padding: $cf-space-s $cf-space-2xl; + border-radius: $cf-radius; + display: inline-flex; + justify-content: center; + align-items: center; + width: 100%; + + &.announcement-block--image-spacer__light { + background-color: $cf-grey-95; + } + } + .announcement-block--panel-body { color: $cf-grey-55; } diff --git a/src/me/components/CurrentAnnouncement.tsx b/src/me/components/CurrentAnnouncement.tsx index 5d7aa72e30..9f18744b4d 100644 --- a/src/me/components/CurrentAnnouncement.tsx +++ b/src/me/components/CurrentAnnouncement.tsx @@ -2,47 +2,49 @@ import React, {FC} from 'react' // Components -import {InfluxColors} from '@influxdata/clockface' import {AnnouncementBlock} from 'src/me/components/AnnouncementBlock' // Assets -import iiotWebinarBanner from 'assets/images/iiot-webinar-banner.png' +import influxdbu from 'assets/images/influxdbu.svg' export const CurrentAnnouncement: FC = () => { const currentDate = new Date() - const targetDate = new Date('2023-11-06T05:00:00-07:00') + const targetDate = new Date('2024-02-06T01:00:00-07:00') const outgoingAnnouncement = ( - InfluxDB Clustered is the solution for organizations needing control - over their data and underlying infrastructure. Clustered turns any - InfluxDB instance into a production-ready cluster that can run - on-premises or in your private cloud. Keep your time series data where - you need it. + Discover through real-life use cases how companies use InfluxDB for + IIoT.

} - ctaLink="https://www.influxdata.com/blog/announcing-influxdb-clustered?utm_source=in-app&utm_medium=product&utm_campaign=2023_09_launch_clustered" - ctaText="Learn More Here" - iconColor={InfluxColors.Chartreuse} - title="Announcing InfluxDB Clustered" + ctaLink="https://www.influxdata.com/resources/industrial-iot-or-live-demo/" + ctaText="Save Your Spot" + icon={null} + title="Live Demo" /> ) const incomingAnnouncement = ( } + image={ +
+ +
+ } body={

- Discover through real-life use cases how companies use InfluxDB for - IIoT. + In this training, we'll learn about a variety of third-party solutions + that can replace the task engine in InfluxDB 2.0. We'll also learn + about the advantages of each solution and some of the advancements to + the Python Client Library.

} - ctaLink="https://www.influxdata.com/resources/industrial-iot-or-live-demo/" + ctaLink="https://www.influxdata.com/training/influxdb-3-0-task-engine-training/?utm_source=in-app&utm_medium=product&utm_campaign=2024-02-22_Training_InfluxDBTaskEngine" ctaText="Save Your Spot" icon={null} - title="Live Demo" + title="New Live Training: InfluxDB 3.0 Task Engine" /> )