non-logged in users can see activity page

Author: brrkrmn

zubhub_backend/zubhub/activities/views.py

@@ -47,7 +47,7 @@ class ActivityDetailsAPIView(RetrieveAPIView):
 
     queryset = Activity.objects.all()
     serializer_class = ActivitySerializer
-    permission_classes = [IsAuthenticated]
+    permission_classes = [AllowAny]
 
     def get_object(self):
         queryset = self.get_queryset()

zubhub_frontend/zubhub/src/views/PageWrapper.jsx

@@ -245,6 +245,7 @@ function PageWrapper(props) {
             '/signup',
             '/login',
             '/projects/:id',
+            '/activities/:id',
             '/ambassadors',
             '/creators/:username',
             '/privacy_policy',
@@ -267,6 +268,7 @@ function PageWrapper(props) {
           '/login',
           '/password-reset',
           '/projects/:id',
+          '/activities/:id',
           '/ambassadors',
           '/creators/:username',
           '/privacy_policy',

zubhub_frontend/zubhub/src/views/activity_details/ActivityDetails.styles.js

@@ -7,6 +7,15 @@ export const activityDetailsStyles = theme => ({
         },
         [theme.breakpoints.down('xs')]: {
             margin: '0 12px'
+        },
+    },
+    signedOutMainContainer: {
+        padding: '2em 12em',
+        [theme.breakpoints.down('sm')]: {
+            padding: '2em 0'
+        },
+        [theme.breakpoints.down('xs')]: {
+            padding: '3em 0'
         }
     },
     card: {

zubhub_frontend/zubhub/src/views/activity_details/ActivityDetailsV2.jsx

@@ -124,7 +124,7 @@ export default function ActivityDetailsV2(props) {
   });
 
   return (
-    <div ref={ref} className={classes.mainContainer}>
+    <div ref={ref} className={clsx(classes.mainContainer, !auth?.token && classes.signedOutMainContainer)}>
       {open ? <ReactConfetti width={width} height={height} /> : null}
       <div className={classes.card}>
         <div className={classes.headerFlex}>