public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add badge component in event type

event-type-list
Ryukemeister 2023-10-19 15:57:50 +05:30
parent 3f2852f5fa
commit 4e0b978aa7
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/atoms/EventTypeList/EventType.tsx
View File

@ -1,3 +1,4 @@
import { Badge } from "@/components/ui/badge";
import { memo } from "react"; import { memo } from "react";
import { useOrgBranding } from "@calcom/ee/organizations/context/provider"; import { useOrgBranding } from "@calcom/ee/organizations/context/provider";
@ -5,7 +6,7 @@ import { WEBAPP_URL } from "@calcom/lib/constants";
import { SchedulingType } from "@calcom/prisma/enums"; import { SchedulingType } from "@calcom/prisma/enums";
import { ArrowButton, AvatarGroup } from "@calcom/ui"; import { ArrowButton, AvatarGroup } from "@calcom/ui";
const Item = ({ type, group, readOnly }: { type: any; group: any; readonly: boolean }) => { const Item = ({ type, group, readOnly }: { type: any; group: any; readOnly: boolean }) => {
const content = () => ( const content = () => (
<div> <div>
<span <span
@ -22,7 +23,7 @@ const Item = ({ type, group, readOnly }: { type: any; group: any; readonly: bool
}`} }`}
</small> </small>
) : null} ) : null}
{readOnly && <>Return badge from shadcn here</>} {readOnly && <Badge className="ml-2">Readonly</Badge>}
</div> </div>
); );
@ -46,7 +47,7 @@ const Item = ({ type, group, readOnly }: { type: any; group: any; readonly: bool
{`/${group.profile.slug}/${type.slug}`} {`/${group.profile.slug}/${type.slug}`}
</small> </small>
) : null} ) : null}
{readOnly && <>Return badge from shadcn here</>} {readOnly && <Badge className="ml-2">Readonly</Badge>}
</div> </div>
{/* Return EventTypeDescription component here */} {/* Return EventTypeDescription component here */}
</a> </a>
@ -117,7 +118,7 @@ export function EventType({
/> />
)} )}
<div className="flex items-center justify-between space-x-2 rtl:space-x-reverse"> <div className="flex items-center justify-between space-x-2 rtl:space-x-reverse">
{isManagedEventType && <>{type.hidden && <>Return badge here </>}</>} {isManagedEventType && <Badge>Hidden</Badge>}
</div> </div>
</div> </div>
</div> </div>