Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 | 72x 72x 72x 72x 72x 18x 12x 4x 2x 2x 2x 2x 2x 2x 72x 4x 25x 4x | import { FC, useMemo } from "react";
import { opensearch } from "shared-types";
import { format } from "date-fns";
import {
Accordion,
AccordionContent,
AccordionItem,
AccordionTrigger,
DetailsSection,
} from "@/components";
import { BLANK_VALUE } from "@/consts";
import { usePackageDetailsCache } from "..";
import { UTCDate } from "@date-fns/utc";
export const AC_WithdrawEnabled: FC<opensearch.changelog.Document> = (props) => {
return (
<div className="flex flex-col gap-2">
<p className="font-bold">Change made</p>
<p>{props.submitterName} has enabled State package action to withdraw formal RAI response</p>
</div>
);
};
export const AC_WithdrawDisabled: FC<opensearch.changelog.Document> = (props) => {
return (
<div className="flex flex-col gap-2">
<p className="font-bold">Change made</p>
<p>{props.submitterName} has disabled State package action to withdraw formal RAI response</p>
</div>
);
};
export const AC_LegacyAdminChange: FC<opensearch.changelog.Document> = (props) => {
return (
<div className="flex flex-col gap-6">
<div>
<h2 className="font-bold text-lg mb-2">Change Made</h2>
<p>{props.changeMade || "No information submitted"}</p>
</div>
{props.changeReason && (
<div>
<h2 className="font-bold text-lg mb-2">Change Reason</h2>
<p>{props.changeReason}</p>
</div>
)}
</div>
);
};
export const AC_Update: FC<opensearch.changelog.Document> = () => {
return <p>Coming Soon</p>;
};
export const AdminChange: FC<opensearch.changelog.Document> = (props) => {
const [label, Content] = useMemo(() => {
switch (props.event) {
case "toggle-withdraw-rai": {
if (props.raiWithdrawEnabled) {
return ["Enable Formal RAI Response Withdraw", AC_WithdrawEnabled];
}
return ["Disable Formal RAI Response Withdraw", AC_WithdrawDisabled];
}
case "NOSO":
return [props.changeType || "Package Added", AC_LegacyAdminChange];
case "legacy-admin-change":
return [props.changeType || "Manual Update", AC_LegacyAdminChange];
case "split-spa":
return ["Package Added", AC_LegacyAdminChange];
default:
return [BLANK_VALUE, AC_Update];
}
}, [props.event, props.changeType, props.raiWithdrawEnabled]);
return (
<AccordionItem key={props.id} value={props.id}>
<AccordionTrigger className="bg-gray-100 px-3">
<p className="flex flex-row gap-2 text-gray-600">
<strong>{label as string}</strong>
{" - "}
{format(new UTCDate(props.timestamp).getTime(), "eee, MMM d, yyyy hh:mm:ss a")}
</p>
</AccordionTrigger>
<AccordionContent className="p-4">
<Content {...props} />
</AccordionContent>
</AccordionItem>
);
};
export const AdminChanges = () => {
const cache = usePackageDetailsCache();
const data = cache.data.changelog?.filter((CL) => CL._source.isAdminChange);
if (!data?.length) return null;
return (
<DetailsSection
id="administrative_package_changes"
title={`Administrative Package Changes (${data?.length})`}
description="Administrative changes reflect updates to specific data fields. If you have additional questions, please contact the assigned CPOC."
>
<Accordion
// There is a cached value (defaultValue) below
// If you ever want to get around the cached value so
// that is re-renders simply use a unique key that will
// change when you need it to re-render
key={data?.[0]?._source?.id}
type="multiple"
defaultValue={[data?.[0]._source.id as string]}
className="flex flex-col gap-2"
>
{data?.map((CL) => {
return <AdminChange {...CL._source} key={CL._source.id} />;
})}
</Accordion>
</DetailsSection>
);
};
|