[NEW] Announcement component

app/components/announcement.js

@@ -0,0 +1,31 @@
+import styles from "../styles/Announcement.module.css";
+
+export default function Announcement(props) {
+
+  if (
+    typeof props.announcement === "undefined" ||
+    typeof props.announcement.announcement_text === "undefined"
+  ) {
+    return <></>;
+  }
+
+  const announcementPublishDateTime = new Date(props.announcement.publish_date);
+  const announcementUnpublishDateTime = new Date(props.announcement.unpublish_date);
+  const currentDateTime = new Date();
+
+  if (
+    currentDateTime < announcementPublishDateTime ||
+    currentDateTime > announcementUnpublishDateTime
+  ) {
+    return <></>;
+  }
+
+  return (
+    <a
+      href={props.announcement.redirect_url}
+      className={`d-flex flex-column align-items-center p-2 ${styles.announcement} ${styles.announcement_link}`}
+    >
+      <h6 className={`pt-1`} >{props.announcement.announcement_text}</h6>
+    </a>
+  );
+}

app/components/layout.js

@@ -1,23 +1,25 @@
-import '../styles/Layout.module.css';
-import Footer from './footer';
-import Menubar from './menubar';
-import BookmarkSVG from '/public/svg/bookmark.js';
-import styles from '../styles/Mainstage.module.css';
-import { useRouter } from 'next/router';
+import "../styles/Layout.module.css";
+import Footer from "./footer";
+import Menubar from "./menubar";
+import Announcement from "./announcement";
+import BookmarkSVG from "/public/svg/bookmark.js";
+import styles from "../styles/Mainstage.module.css";
+import { useRouter } from "next/router";
 
 function Layout(props) {
   const { pathname } = useRouter();
   return (
     <>
+      <Announcement announcement={props.menu.announcement} />
       <Menubar menu={props.menu.topNavItems} />
       {props.children}
       <Footer></Footer>
-      {pathname === '/virtualconf/mainstage' && (
+      {pathname === "/virtualconf/mainstage" && (
         <p className={styles.announcement}>
           <span className={styles.announcement__svg}>
             <BookmarkSVG />
-          </span>{' '}
-          Bookmark this page and come back on{' '}
+          </span>{" "}
+          Bookmark this page and come back on{" "}
           <span className={styles.announcement__text}>April 6</span> for the
           LIVE conference
         </p>

app/lib/announcement.js

@@ -0,0 +1,17 @@
+import { fetchAPI } from "./api";
+
+
+export const getAnnouncementData = async (announcement_code) => {
+  try {
+    const res = await fetchAPI("/announcements");
+    let neededAnnouncement = new Object();
+    res.forEach((announcement) => {
+      if (announcement.announcement_code === announcement_code) {
+        neededAnnouncement = announcement;
+      }
+    });
+    return neededAnnouncement;
+  } catch (error) {
+    console.log(error);
+  }
+};

app/pages/index.js

@@ -10,6 +10,7 @@ import { Container, Col } from 'react-bootstrap';
 import { fetchAPI } from '../lib/api';
 import { withFirebaseAuthUser } from '../components/auth/firebase';
 import { INFOTILES_DATA } from '../lib/const/infotiles';
+import { getAnnouncementData } from '../lib/announcement';
 
 function Home(props) {
   return (
@@ -83,9 +84,10 @@ export async function getStaticProps({ params }) {
   const releaseNotes = await fetchAPI('/release-notes');
   const topNavItems = await fetchAPI('/top-nav-item');
   const topPosts = await fetchAPI('/discourses');
+  const announcement = await getAnnouncementData('rc_alumini_conf');
 
   return {
-    props: { carousels, personas, guides, releaseNotes, topNavItems, topPosts },
+    props: { carousels, personas, guides, releaseNotes, topNavItems, topPosts, announcement},
     // Next.js will attempt to re-generate the page:
     // - When a request comes in
     // - At most once every 1 second

app/styles/Announcement.module.css

@@ -0,0 +1,31 @@
+
+.announcement {
+    background: rgb(255,255,255);
+    background: linear-gradient(45deg, rgb(255, 132, 132) 0%, rgba(255,0,0,1) 100%);
+}
+
+.announcement:hover{
+    background: rgb(255,61,61); 
+    background: linear-gradient(45deg, rgb(252, 24, 24) 0%, rgb(226, 18, 18) 100%);
+}
+
+.announcement_link{
+    width: inherit;
+    height: inherit;
+    text-decoration: none;
+    color: white;
+}
+
+.announcement_link:hover{
+    text-decoration: none;
+    color: white;
+}
+
+.announcement_text {
+    font-size: clamp(16px, 2.4vw, 20px);;
+}
+
+
+
+
+

cms/api/announcement/config/routes.json

@@ -0,0 +1,52 @@
+{
+  "routes": [
+    {
+      "method": "GET",
+      "path": "/announcements",
+      "handler": "announcement.find",
+      "config": {
+        "policies": []
+      }
+    },
+    {
+      "method": "GET",
+      "path": "/announcements/count",
+      "handler": "announcement.count",
+      "config": {
+        "policies": []
+      }
+    },
+    {
+      "method": "GET",
+      "path": "/announcements/:id",
+      "handler": "announcement.findOne",
+      "config": {
+        "policies": []
+      }
+    },
+    {
+      "method": "POST",
+      "path": "/announcements",
+      "handler": "announcement.create",
+      "config": {
+        "policies": []
+      }
+    },
+    {
+      "method": "PUT",
+      "path": "/announcements/:id",
+      "handler": "announcement.update",
+      "config": {
+        "policies": []
+      }
+    },
+    {
+      "method": "DELETE",
+      "path": "/announcements/:id",
+      "handler": "announcement.delete",
+      "config": {
+        "policies": []
+      }
+    }
+  ]
+}

cms/api/announcement/controllers/announcement.js

@@ -0,0 +1,8 @@
+'use strict';
+
+/**
+ * Read the documentation (https://strapi.io/documentation/developer-docs/latest/development/backend-customization.html#core-controllers)
+ * to customize this controller
+ */
+
+module.exports = {};

cms/api/announcement/models/announcement.js

@@ -0,0 +1,8 @@
+'use strict';
+
+/**
+ * Read the documentation (https://strapi.io/documentation/developer-docs/latest/development/backend-customization.html#lifecycle-hooks)
+ * to customize this model
+ */
+
+module.exports = {};

cms/api/announcement/models/announcement.settings.json

@@ -0,0 +1,31 @@
+{
+  "kind": "collectionType",
+  "collectionName": "announcements",
+  "info": {
+    "name": "Announcement",
+    "description": ""
+  },
+  "options": {
+    "increments": true,
+    "timestamps": true,
+    "draftAndPublish": true
+  },
+  "pluginOptions": {},
+  "attributes": {
+    "announcement_text": {
+      "type": "string"
+    },
+    "publish_date": {
+      "type": "datetime"
+    },
+    "redirect_url": {
+      "type": "string"
+    },
+    "unpublish_date": {
+      "type": "datetime"
+    },
+    "announcement_code": {
+      "type": "string"
+    }
+  }
+}

cms/api/announcement/services/announcement.js

@@ -0,0 +1,8 @@
+'use strict';
+
+/**
+ * Read the documentation (https://strapi.io/documentation/developer-docs/latest/development/backend-customization.html#core-services)
+ * to customize this service
+ */
+
+module.exports = {};

cms/config/functions/announcement.js

@@ -0,0 +1,21 @@
+module.exports.deleteOldAnnouncemts = async function () {
+  try {
+    let announcements = await strapi.query("announcement").find({});
+    announcements.forEach(async (announcement) => {
+      const announcementUnpublishDateTime = new Date(
+        announcement.unpublish_date
+      );
+      const currentDateTime = new Date();
+      if (
+        (currentDateTime - announcementUnpublishDateTime) / (1000 * 60 * 60) >
+        2
+      ) {
+        await strapi.query("announcement").delete({
+          id: announcement.id,
+        });
+      }
+    });
+  } catch (error) {
+    console.log(error);
+  }
+};

cms/config/functions/cron.js

@@ -3,6 +3,7 @@ const { getLatestCommunityActivity } = require("./fetchTopPosts");
 const { getCommunityContributors } = require("./fetchContributors")
 const { githubKit } = require("./github");
 const { updateSpeakerData } = require('./speaker')
+const { deleteOldAnnouncemts } = require("./announcement")
 /**
  * Cron config that gives you an opportunity
  * to run scheduled jobs.
@@ -28,7 +29,10 @@ module.exports = {
     getCommunityContributors('https://gsoc.rocket.chat/api/data','rocketChat','Rocket.Chat');
     updateSpeakerData();
   },
-  '*/* 10 * * * *': () => {
+  '* */10 * * * *': () => {
     githubKit('RocketChat','RC4Community',['issues','contributors','pulls']);
+  },
+  '* * * */1 * *': () => {
+    deleteOldAnnouncemts();
   }
 };

cms/config/functions/fetchData.js

@@ -6,7 +6,8 @@ const { carousels,
   subMenus,
   topNavItem,
   speakers,
-  forms } = require('../initialData');
+  forms,
+  announcements } = require('../initialData');
 const { githubKit } = require('./github');
 
 module.exports = async () => {
@@ -22,7 +23,8 @@ module.exports = async () => {
     var formCount = await strapi.query("form").count();
     var ghrepos = await strapi.query("github-repositories").count({});
     var speakersCount = await strapi.query("speaker").count({});
-
+    var announcementsCount = await strapi.query("announcement").count({});
+
     // initial fetch
     speakers.map(async (speaker, index) => {
       if (index <= speakersCount - 1) {
@@ -245,6 +247,13 @@ module.exports = async () => {
         }),
       });
     }
+
+    if (announcementsCount === 0) {
+      announcements.forEach(async (announcement) => {
+        await strapi.query("announcement").create(announcement);
+      });
+    }
+
   } catch (error) {
     console.log("Error:= ", error);
   }

cms/config/initialData/announcements.json

@@ -0,0 +1,9 @@
+[
+    {
+        "announcement_text": "Attend RocketChat's GSoC Alumni Virtual Conference on 6th April !",
+        "publish_date": "2022-03-28T06:30:00.000Z",
+        "redirect_url": "/virtualconf/mainstage",
+        "unpublish_date": "2022-04-07T06:30:00.000Z",
+        "announcement_code": "rc_alumini_conf"
+    }
+]

cms/config/initialData/index.js

@@ -7,6 +7,8 @@ const subMenus = require("./sub-menus.json");
 const topNavItem = require("./top-nav-item.json");
 const forms = require("./forms.json")
 const speakers = require("./speakers.json")
+const announcements = require("./announcements.json")
+
 
 module.exports = {
     carousels,
@@ -17,5 +19,6 @@ module.exports = {
     subMenus,
     topNavItem,
     forms,
-    speakers
+    speakers,
+    announcements
 };

docs/components/README.md

@@ -13,6 +13,8 @@ We at Rocket.Chat believe in  building susatinable online communities which can
 
 4. <a href="./inappchat">InAppChat Component</a>
 
+5. <a href="./announcement">Announcement Component</a>
+
 ---