make activity creation available for educators

Author: brrkrmn

zubhub_frontend/zubhub/public/locales/en/translation.json

@@ -949,6 +949,7 @@
       "primary": "Create Activity",
       "edit": "Update Activity"
     },
+    "unauthorized": "You have to be an educator to create activities",
     "inputs": {
       "title": {
         "label": "Name your Activity",

zubhub_frontend/zubhub/src/components/Sidenav/data.js

@@ -17,7 +17,7 @@ export const links = ({ draftCount, myProjectCount, auth, t }) => [
     { label: t('pageWrapper.sidebar.projects'), link: '/', icon: Dashboard },
     { label: t('pageWrapper.sidebar.profile'), link: '/profile', icon: Person, reactIcon: true, requireAuth: true },
     { label: t('pageWrapper.sidebar.createProject'), link: '/projects/create', icon: EmojiObjects },
-    ...(auth?.tags.includes('staff')
+    ...(auth?.tags.includes('staff') || auth?.tags.includes('educator')
         ? [{ label: t('pageWrapper.sidebar.createActivity'), link: '/activities/create', icon: PostAddOutlined }]
         : []),
     {
@@ -36,7 +36,7 @@ export const links = ({ draftCount, myProjectCount, auth, t }) => [
     },
     { label: t('pageWrapper.sidebar.bookmarks'), link: '/projects/saved', icon: Bookmark, requireAuth: true },
     ...(TEAM_ENABLED ? [{ label: t('pageWrapper.sidebar.teams'), link: '/teams/all', icon: RiTeamFill }] : []),
-    { label: t('pageWrapper.sidebar.expoloreActivities'), link: 'https://kriti.unstructured.studio/', target: '_blank', icon: FeaturedPlayList },
+    { label: t('pageWrapper.sidebar.expoloreActivities'), link: '/activities', icon: FeaturedPlayList },
 ];
 
 export const bottomLinks = ({ t }) => [

zubhub_frontend/zubhub/src/views/create_activity/CreateActivity.jsx

@@ -36,6 +36,7 @@ import CreateActivityStep1 from './create_activity_step1';
 import Step1 from './step1/Step1';
 import Step2 from './step2/Step2';
 import { useSelector } from 'react-redux';
+import ErrorPage from '../error/ErrorPage';
 
 const DRAFT_STATUSES = { saved: 'SAVED', saving: 'SAVING', idle: 'IDLE' };
 const steps = ['Activity Basics', 'Activity Details'];
@@ -61,6 +62,7 @@ export default function CreateActivity(props) {
 
   const isActive = index => index + 1 === activeStep;
   const isCompleted = index => completedSteps.includes(index + 1);
+  const { t } = props;
 
   const handleSetState = obj => {
     if (obj) {
@@ -175,7 +177,10 @@ export default function CreateActivity(props) {
       </Typography>
     </Box>
   ));
-
+  
+  if (!auth?.tags.includes('educator') || !auth?.tags.includes('staff')) {
+    return <ErrorPage error={t('createActivity.unauthorized')} />
+  } else {
   return (
     <div className={classes.container}>
       <Dialog open={preview} fullScreen>
@@ -244,3 +249,4 @@ export default function CreateActivity(props) {
     </div>
   );
 }
+}