Add display for unpublished

ChangePlusPlusVandy · May 13, 2024 · 222b24e · 222b24e
1 parent c154655
commit 222b24e
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/components/Event/Event.tsx b/components/Event/Event.tsx
@@ -26,6 +26,7 @@ import { BOOKEM_THEME } from '@/utils/constants';
 import {
   CheckCircleOutlined,
   ExclamationCircleFilled,
+  InfoCircleOutlined,
 } from '@ant-design/icons';
 
 const { confirm } = Modal;
@@ -145,10 +146,14 @@ const Event = ({ pid }: { pid: string }) => {
             {event.volunteers.length} / {event.maxSpot} spots filled
           </SpotsFilled>
           <Flex style={{ margin: '0 0 10px 50px' }} gap="4px 0" wrap="wrap">
-            {event.published && (
+            {event.published ? (
               <Tag icon={<CheckCircleOutlined />} color="success">
                 published
               </Tag>
+            ) : (
+              <Tag icon={<InfoCircleOutlined />} color="processing">
+                unpublished
+              </Tag>
             )}
           </Flex>
           <ButtonContainer>