Advertisement Management Screen

public/locales/en.json

@@ -55,6 +55,7 @@
     "Block/Unblock": "Block/Unblock",
     "Plugins": "Plugins",
     "Plugin Store": "Plugin Store",
+    "Advertisement": "Advertisements",
     "allOrganizations": "All Organizations",
     "yourOrganization": "Your Organization",
     "notification": "Notification",
@@ -611,5 +612,24 @@
     "taskNotCompleted": "The task has not been completed yet",
     "event": "Event",
     "organization": "Organization"
+  },
+  "advertisement": {
+    "title": "Advertisements",
+    "pHeading": "Manage Ads",
+    "activeAds": "Active Campaigns",
+    "archievedAds": "Completed Campaigns",
+    "pMessage": "Ads not present for this campaign.",
+    "delete": "Delete",
+    "Rname": "Enter name of Advertisement",
+    "Rtype": "Select type of Advertisement",
+    "Rlink": "Provide a link for content to be displayed",
+    "RstartDate": "Select Start Date",
+    "RendDate": "Select End Date",
+    "RClose": "Close the window",
+    "addNew": "Create new advertisement",
+    "EXname": "Ex. Cookie Shop",
+    "EXlink": "Ex. http://yourwebsite.com/photo",
+    "register": "Create Advertisement",
+    "close": "Close "
   }
 }

public/locales/fr.json

@@ -604,5 +604,13 @@
     "taskNotCompleted": "La tâche n'est pas encore terminée",
     "event": "Événement",
     "organization": "Organisation"
+  },
+  "advertisement": {
+    "title": "Publicités",
+    "pHeading": "Gérer les publicités",
+    "activeAds": "Campagnes actives",
+    "archievedAds": "Campagnes terminées",
+    "pMessage": "Aucune publicité n'est présente pour cette campagne.",
+    "delete": "Supprimer"
   }
 }

public/locales/hi.json

@@ -605,5 +605,13 @@
     "taskNotCompleted": "कार्य अभी तक पूरा नहीं हुआ है",
     "event": "आयोजन",
     "organization": "संगठन"
+  },
+  "advertisement": {
+    "title": "विज्ञापन",
+    "pHeading": "विज्ञापन प्रबंधन",
+    "activeAds": "सक्रिय अभियान",
+    "archievedAds": "संपन्न अभियान",
+    "pMessage": "इस अभियान के लिए कोई विज्ञापन नहीं हैं।",
+    "delete": "हटाएँ"
   }
 }

public/locales/sp.json

@@ -605,5 +605,13 @@
     "taskNotCompleted": "La tarea aún no se ha completado",
     "event": "Evento",
     "organization": "Organización"
+  },
+  "advertisement": {
+    "title": "Anuncios",
+    "pHeading": "Gestionar anuncios",
+    "activeAds": "Campañas activas",
+    "archievedAds": "Campañas completadas",
+    "pMessage": "No hay anuncios disponibles para esta campaña.",
+    "delete": "Eliminar"
   }
 }

public/locales/zh.json

@@ -605,5 +605,13 @@
     "taskNotCompleted": "任務還沒完成",
     "event": "事件",
     "organization": "組織"
+  },
+  "advertisement": {
+    "title": "广告",
+    "pHeading": "管理广告",
+    "activeAds": "活动广告",
+    "archievedAds": "已完成的广告活动",
+    "pMessage": "此广告活动没有相关广告。",
+    "delete": "删除"
   }
 }

src/App.tsx

@@ -32,6 +32,7 @@ import Settings from 'screens/UserPortal/Settings/Settings';
 import Donate from 'screens/UserPortal/Donate/Donate';
 import Events from 'screens/UserPortal/Events/Events';
 import Tasks from 'screens/UserPortal/Tasks/Tasks';
+import Advertisements from 'components/Advertisements/Advertisements';
 
 function app(): JSX.Element {
   /*const { updatePluginLinks, updateInstalled } = bindActionCreators(
@@ -108,6 +109,7 @@ function app(): JSX.Element {
         <SecuredRoute path="/orgpost" component={OrgPost} />
         <SecuredRoute path="/orgsetting" component={OrgSettings} />
         <SecuredRoute path="/orgstore" component={AddOnStore} />
+        <SecuredRoute path="/orgads" component={Advertisements} />
         <SecuredRoute path="/users" component={Users} />
         <SecuredRoute path="/requests" component={Requests} />
         <SecuredRoute path="/blockuser" component={BlockUser} />

src/GraphQl/Mutations/mutations.ts

@@ -400,6 +400,27 @@ export const ADD_PLUGIN_MUTATION = gql`
     }
   }
 `;
+export const ADD_ADVERTISEMENT_MUTATION = gql`
+  mutation (
+    $orgId: ID!
+    $name: String!
+    $link: String!
+    $type: String!
+    $startDate: Date!
+    $endDate: Date!
+  ) {
+    createAdvertisement(
+      orgId: $orgId
+      name: $name
+      link: $link
+      type: $type
+      startDate: $startDate
+      endDate: $endDate
+    ) {
+      _id
+    }
+  }
+`;
 
 export const UPDATE_POST_MUTATION = gql`
   mutation UpdatePost($id: ID!, $title: String, $text: String) {

src/GraphQl/Queries/Queries.ts

@@ -635,7 +635,19 @@ export const PLUGIN_GET = gql`
     }
   }
 `;
-
+export const ADVERTISEMENTS_GET = gql`
+  query getPluginList {
+    getAdvertisements {
+      _id
+      name
+      type
+      orgId
+      link
+      endDate
+      startDate
+    }
+  }
+`;
 export const ORGANIZATION_EVENTS_CONNECTION = gql`
   query EventsByOrganizationConnection(
     $organization_id: ID!

src/components/Advertisements/Advertisement.module.css

@@ -0,0 +1,31 @@
+.container {
+  display: flex;
+}
+
+.logintitle {
+  color: #707070;
+  font-weight: 600;
+  font-size: 20px;
+  margin-bottom: 30px;
+  padding-bottom: 5px;
+  border-bottom: 3px solid #31bb6b;
+  width: 15%;
+}
+
+.actioninput {
+  text-decoration: none;
+  margin-bottom: 50px;
+  border-color: #e8e5e5;
+  width: 80%;
+  border-radius: 7px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  padding-right: 10px;
+  padding-left: 10px;
+  box-shadow: none;
+}
+
+.actionradio input {
+  width: fit-content;
+  margin: inherit;
+}