Skip to content

Commit

Permalink
fix: hide ticket
Browse files Browse the repository at this point in the history
  • Loading branch information
@potts99
potts99 committed Jun 2, 2024
1 parent fd34373 commit c57a397
Showing 1 changed file with 88 additions and 92 deletions.
180 changes: 88 additions & 92 deletions apps/client/pages/ticket/[id].tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -359,40 +359,23 @@ export default function Ticket() {
)}
</div>
</div>
<div className="mt-4 flex space-x-3 md:mt-0">
<div className="mt-4 flex h-8 space-x-3 md:mt-0">
{!edit ? (
<DropdownMenu.Root>
<DropdownMenu.Trigger className="hover:cursor-pointer">
<Button variant="outline">Options</Button>
</DropdownMenu.Trigger>
<DropdownMenu.Content className="min-w-[176px] mr-6">
<DropdownMenu.Item
className="min-w-[176px] capitalize hover:cursor-pointer"
onClick={() => setEdit(!edit)}
>
{!edit ? t("edit-btn") : "save"}
</DropdownMenu.Item>

{user.isAdmin && (
<DropdownMenu.Item
className="hover:cursor-pointer"
onClick={() => hide(!data.ticket.hidden)}
>
{data.ticket.hidden
? "Show Global"
: "Hide Ticket"}
</DropdownMenu.Item>
)}
</DropdownMenu.Content>
</DropdownMenu.Root>
<button
type="button"
onClick={() => setEdit(true)}
className="inline-flex justify-center gap-x-1.5 rounded-md bg-white px-3 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
>
{t("edit")}
</button>
) : (
<Button
variant="outline"
className="hover:cursor-pointer align-top"
<button
type="button"
onClick={() => update()}
className="inline-flex justify-center gap-x-1.5 rounded-md bg-white px-3 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50"
>
Save
</Button>
{t("save")}
</button>
)}
</div>
</div>
Expand Down Expand Up @@ -484,27 +467,38 @@ export default function Ticket() {
</>
) : (
<>
{data.ticket.createdBy ? (
<>
<span>Created by <strong>{data.ticket.createdBy.name}</strong> at </span>
<span className="">
{moment(data.ticket.createdAt).format("LLL")}
{data.ticket.client && (
<span> for <strong>{data.ticket.client.name}</strong></span>
)}
</span>
</>
) : (
<>
<span>Created at </span>
<span className="">
<strong>{moment(data.ticket.createdAt).format("LLL")}</strong>
{data.ticket.client && (
<span> for <strong>{data.ticket.client.name}</strong></span>
)}
</span>
</>
)}
{data.ticket.createdBy ? (
<>
<span>
Created by{" "}
<strong>{data.ticket.createdBy.name}</strong> at{" "}
</span>
<span className="">
{moment(data.ticket.createdAt).format("LLL")}
{data.ticket.client && (
<span>
{" "}
for <strong>{data.ticket.client.name}</strong>
</span>
)}
</span>
</>
) : (
<>
<span>Created at </span>
<span className="">
<strong>
{moment(data.ticket.createdAt).format("LLL")}
</strong>
{data.ticket.client && (
<span>
{" "}
for <strong>{data.ticket.client.name}</strong>
</span>
)}
</span>
</>
)}
</>
)}
</div>
Expand Down Expand Up @@ -948,7 +942,7 @@ export default function Ticket() {
)}
</ul>
) : (
<div className={'w-[150px]'}>
<div className={"w-[150px]"}>
<Listbox value={priority} onChange={setPriority}>
{({ open }) => (
<>
Expand Down Expand Up @@ -1131,51 +1125,53 @@ export default function Ticket() {
leaveTo="opacity-0"
>
<Listbox.Options className="absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm">
{Object.keys(ticketStatusMapping).map((status) => (
<Listbox.Option
key={status}
className={({ active }) =>
classNames(
active
? "bg-indigo-600 text-white"
: "text-gray-900",
"relative cursor-default select-none py-2 pl-3 pr-9"
)
}
value={status}
>
{({ selected, active }) => (
<>
<span
className={classNames(
selected
? "font-semibold"
: "font-normal",
"block truncate"
)}
>
{ticketStatusMapping[status]}
</span>

{selected ? (
{Object.keys(ticketStatusMapping).map(
(status) => (
<Listbox.Option
key={status}
className={({ active }) =>
classNames(
active
? "bg-indigo-600 text-white"
: "text-gray-900",
"relative cursor-default select-none py-2 pl-3 pr-9"
)
}
value={status}
>
{({ selected, active }) => (
<>
<span
className={classNames(
active
? "text-white"
: "text-indigo-600",
"absolute inset-y-0 right-0 flex items-center pr-4"
selected
? "font-semibold"
: "font-normal",
"block truncate"
)}
>
<CheckIcon
className="h-5 w-5"
aria-hidden="true"
/>
{ticketStatusMapping[status]}
</span>
) : null}
</>
)}
</Listbox.Option>
))}

{selected ? (
<span
className={classNames(
active
? "text-white"
: "text-indigo-600",
"absolute inset-y-0 right-0 flex items-center pr-4"
)}
>
<CheckIcon
className="h-5 w-5"
aria-hidden="true"
/>
</span>
) : null}
</>
)}
</Listbox.Option>
)
)}
</Listbox.Options>
</Transition>
</div>
Expand Down

0 comments on commit c57a397

Please sign in to comment.