some visual and copy on calendar

Author: lassejaco

lib/components/event-schedule-new/action-bar.tsx

@@ -5,7 +5,7 @@ import { FilterSummary } from "./filter";
 import Export from "./export";
 
 const venueEvents = [
-  { color: "bg-[rgba(255,133,166,1)]", label: "Cowork" },
+  { color: "bg-[rgba(255,133,166,1)]", label: "EWF & Cowork" },
   { color: "bg-[rgba(116,172,223,1)]", label: "Core" },
   { color: "bg-[rgba(246,180,14,1)]", label: "Partner" },
 ];

lib/components/event-schedule-new/calendar.components.tsx

@@ -16,11 +16,11 @@ const DifficultyTag = ({
   size?: "sm" | "md";
 }) => {
   const difficultyColorMap = {
-    beginner: "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
+    beginner: "text-[#146C58]  border-[#146C58]",
     intermediate: "text-[rgba(180,83,9,1)] border-[rgba(180,83,9,1)]",
     expert: "text-[rgba(153,27,27,1)] border-[rgba(153,27,27,1)]",
-    "all welcome": "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
-    other: "text-[rgba(20,108,88,1)]  border-[rgba(20,108,88,1)]",
+    "all welcome": "text-[#146C58]  border-[#146C58]",
+    other: "text-[#146C58]  border-[#146C58]",
   };
 
   const difficultyTextMap = {
@@ -38,7 +38,7 @@ const DifficultyTag = ({
 
   return (
     <div
-      className={`${difficultyColorMap[difficulty]} border border-solid px-2 py-0.5 uppercase ${sizeMap[size]} shrink-0`}
+      className={`${difficultyColorMap[difficulty]} bg-white border border-solid px-2 py-0.5 uppercase ${sizeMap[size]} shrink-0`}
     >
       {difficultyTextMap[difficulty]}
     </div>
@@ -98,7 +98,7 @@ const TypeTag = ({
 
   return (
     <div
-      className={`${typeColorMap[category]} px-2 py-0.5 rounded-full uppercase ${sizeMap[size]}`}
+      className={`${typeColorMap[category]} px-2 py-0.5 bg-white rounded-full uppercase ${sizeMap[size]}`}
     >
       {typeTextMap[category]}
     </div>

lib/components/event-schedule-new/event/event.tsx

@@ -402,7 +402,7 @@ const Event: React.FC<EventProps> = ({
             </div>
 
             {isETHDay && (
-              <div className="flex items-center justify-center grow">
+              <div className="flex items-center justify-center mt-2">
                 <Image
                   src={ethDayImage}
                   alt="ETH Day"

lib/components/event-schedule-new/layout.tsx

@@ -42,16 +42,30 @@ const Layout = (props: CalendarLayoutProps) => {
                   <div className="text-base font-secondary">
                     Events held within La Rural (
                     <Link href="https://tickets.devconnect.org">
-                      ticket required
+                      world's fair ticket required
                     </Link>
                     )
                   </div>
                 </div>
               )}
             </div>
             <div className="text-sm rounded-md bg-[#74ACDF33] px-4 py-2 text-[#36364C] self-center">
-              This calendar is a work in progress and will change before
-              Devconnect week. <b>Check back regularly for updates.</b>
+              {props.isCommunityCalendar ? (
+                <>
+                  This calendar is a work in progress and will change before
+                  Devconnect week. <b>Check back regularly for updates.</b>
+                  <br />
+                </>
+              ) : (
+                <>
+                  <b>
+                    All events inside La Rural require a world's fair ticket.
+                    You may also need to buy tickets for the specific events
+                    held within the world's fair.
+                  </b>
+                </>
+              )}
+
               {/* <RichText content={data.pages.calendar_disclaimer} /> */}
             </div>
           </div>