feat: added a private switch

desmos-labs · Nov 10, 2023 · 114243d · 114243d
1 parent c6246a2
commit 114243d
Show file tree

Hide file tree

Showing 9 changed files with 70 additions and 3 deletions.
diff --git a/app/creator/create/BondscapeSwitch.tsx b/app/creator/create/BondscapeSwitch.tsx
@@ -0,0 +1,39 @@
+import { InputSwitch } from "primereact/inputswitch";
+import React, { useState } from "react";
+
+interface Props {
+  readonly title: string;
+  readonly value?: boolean;
+  readonly onChange?: (value: boolean) => void;
+  readonly required?: boolean;
+}
+
+const SmallTextInput = ({ title, value, onChange, required }: Props) => {
+  const [isChecked, setIsChecked] = useState(value || false);
+  return (
+    <div className="flex flex-1 flex-row bg-bondscape-text_neutral_100 gap-2 px-[1rem] rounded-[16px] items-center">
+      <div className="flex w-[130px]">
+        <label className="text-[16px] text-bondscape-text_neutral_900">
+          {title}
+        </label>
+        {required && <span className="ml-1 text-[#FF8686]">*</span>}
+      </div>
+      <InputSwitch
+        pt={{
+          slider: ({ props }) => ({
+            className: props.checked
+              ? "bg-bondscape-primary"
+              : "bg-bondscape-text_neutral_300",
+          }),
+        }}
+        checked={isChecked}
+        onChange={(e) => {
+          setIsChecked(e.value);
+          onChange && onChange(e.value);
+        }}
+      />
+    </div>
+  );
+};
+
+export default SmallTextInput;
diff --git a/app/creator/create/[[...id]]/MainSection.tsx b/app/creator/create/[[...id]]/MainSection.tsx
@@ -4,6 +4,7 @@ import BondscapeDateTimePicker from "@/creator/create/BondscapeDateTimePicker/Bo
 import BondscapeSelectCategory from "@/creator/create/BondscapeSelectCategory";
 import BondscapeSelectCoHosts from "@/creator/create/BondscapeSelectCoHosts";
 import BondscapeSelectTags from "@/creator/create/BondscapeSelectTags";
+import BondscapeSwitch from "@/creator/create/BondscapeSwitch";
 import CoverPicDropZone from "@/creator/create/CoverPicDropZone";
 import LocationInput from "@/creator/create/LocationInput";
 import SmallTextInput from "@/creator/create/SmallTextInput";
@@ -131,6 +132,13 @@ const MainSection = ({
                 required={false}
                 onChange={(tags) => setFieldValue("tags", tags)}
               />
+              <BondscapeSwitch
+                title={"Private Event"}
+                value={values.isPrivate}
+                onChange={(newValue) => {
+                  setFieldValue("isPrivate", newValue);
+                }}
+              />
             </div>
           </div>
         </div>

diff --git a/app/creator/create/[[...id]]/useHooks.ts b/app/creator/create/[[...id]]/useHooks.ts
@@ -23,6 +23,7 @@ const useHooks = (eventId?: string) => {
     placeId: undefined,
     location: undefined,
     ticketsCategories: [],
+    isPrivate: false,
   });
 
   // Memoized values
@@ -72,6 +73,7 @@ const useHooks = (eventId?: string) => {
         organizers: event.organizers,
         tags: event.tags,
         website: event.website,
+        isPrivate: event.isPrivate,
         ticketsCategories: event.ticketsCategories.map((ticketCategory) => {
           return {
             id: ticketCategory.id,

diff --git a/app/creator/events/[id]/page.tsx b/app/creator/events/[id]/page.tsx
@@ -167,9 +167,18 @@ export default function EventDetails({ params }: { params: any }) {
               <Skeleton className="w-full h-full rounded-[12px]" />
             )}
           </div>
-          <div className="text-3xl font-semibold text-bondscape-text_neutral_900 mt-6 mb-4">
-            {selectedEvent?.name ?? <Skeleton width={500} />}
-          </div>
+          {selectedEvent ? (
+            <div className="flex flex-row gap-2 items-center justify-between">
+              <div className="text-3xl font-semibold text-bondscape-text_neutral_900 mt-6 mb-4">
+                {selectedEvent?.name}
+              </div>
+              <div className="text-sm font-semibold text-bondscape-text_neutral_900 mt-6 mb-4">
+                {selectedEvent?.isPrivate ? "Private Event" : "Public Event"}
+              </div>
+            </div>
+          ) : (
+            <Skeleton className="mt-8" width={500} />
+          )}
           {selectedEvent ? (
             <div className="flex flex-1 flex-row">
               <div className="flex justify-center items-center">

diff --git a/app/hooks/events/useCreateEvent.ts b/app/hooks/events/useCreateEvent.ts
@@ -147,6 +147,7 @@ export const useCreateEvent = () => {
         website: values.website,
         placeId: values.placeId,
         tags: values.tags,
+        isPrivate: values.isPrivate,
       };
 
       if (eventId) {

diff --git a/app/services/axios/requests/CreateEvent/index.ts b/app/services/axios/requests/CreateEvent/index.ts
@@ -14,6 +14,7 @@ const CreateEvent = ({
   placeId,
   tags,
   website,
+  isPrivate,
 }: EventRequestParams): ResultAsync<any, Error> => {
   return ResultAsync.fromPromise(
     axiosInstance.post("/events", {
@@ -28,6 +29,7 @@ const CreateEvent = ({
       organizers_addresses: organizersAddresses,
       categories_ids: categoriesIds,
       tags: tags,
+      is_private: isPrivate,
     }),
     (e: any) => e ?? Error("Error creating event"),
   ).map((response) => {

diff --git a/app/services/axios/requests/EditEvent/index.ts b/app/services/axios/requests/EditEvent/index.ts
@@ -15,6 +15,7 @@ const EditEvent = ({
   placeId,
   tags,
   website,
+  isPrivate,
 }: EventRequestParams & {
   eventId: string;
 }): ResultAsync<
@@ -39,6 +40,7 @@ const EditEvent = ({
       organizers_addresses: organizersAddresses,
       categories_ids: categoriesIds,
       tags: tags,
+      is_private: isPrivate,
     }),
     (e: any) => e ?? Error("Error editing event"),
   ).map((response) => {

diff --git a/app/services/graphql/queries/bondscape/fragments/EventsFields.ts b/app/services/graphql/queries/bondscape/fragments/EventsFields.ts
@@ -41,6 +41,7 @@ const EventsFields = gql`
     detailsLink: details_link
     website
     tags
+    isPrivate: is_private
     ticketsCategories: tickets_categories {
       id
       name

diff --git a/app/types/event.ts b/app/types/event.ts
@@ -149,6 +149,7 @@ export interface Event {
    * Event tickets categories.
    */
   ticketsCategories: EventTicketCategory[];
+  isPrivate: boolean;
 }
 
 export interface TicketCategoryValues {
@@ -218,6 +219,7 @@ export interface CreateEventValues {
    * Event tickets categories.
    */
   ticketsCategories?: TicketCategoryValues[];
+  isPrivate?: boolean;
 }
 
 export interface GQLEventsResult {
@@ -255,6 +257,7 @@ export interface EventRequestParams {
   placeId?: string;
   organizersAddresses: string[];
   tags?: string[];
+  isPrivate?: boolean;
 }
 
 export interface TicketCategoryRequestParams {
-Original file line number
+Diff line change
@@ Expand Up / @@ -41,6 +41,7 @@ const EventsFields = gql` @@
         detailsLink: details_link
         website
         tags
+        isPrivate: is_private
         ticketsCategories: tickets_categories {
           id
           name
@@ Expand Down @@