Add owner and signature status on policies
Signed-off-by: Antoine Bouchardy <antoine@getprobo.com>
This commit is contained in:
@@ -73,6 +73,14 @@ const policyListViewQuery = graphql`
|
|||||||
id
|
id
|
||||||
status
|
status
|
||||||
updatedAt
|
updatedAt
|
||||||
|
signatures(first: 100) {
|
||||||
|
edges {
|
||||||
|
node {
|
||||||
|
id
|
||||||
|
state
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -139,6 +147,13 @@ function PolicyTableRow({
|
|||||||
const latestVersion = policy.versions?.edges[0]?.node;
|
const latestVersion = policy.versions?.edges[0]?.node;
|
||||||
const status = latestVersion?.status || "DRAFT";
|
const status = latestVersion?.status || "DRAFT";
|
||||||
|
|
||||||
|
// Get signature counts
|
||||||
|
const signatureEdges = latestVersion?.signatures?.edges || [];
|
||||||
|
const totalSignatures = signatureEdges.length;
|
||||||
|
const signedCount = signatureEdges.filter(
|
||||||
|
edge => edge?.node?.state === "SIGNED"
|
||||||
|
).length;
|
||||||
|
|
||||||
const handleDeletePolicy = (e: React.MouseEvent) => {
|
const handleDeletePolicy = (e: React.MouseEvent) => {
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
if (window.confirm("Are you sure you want to delete this policy? This action cannot be undone.")) {
|
if (window.confirm("Are you sure you want to delete this policy? This action cannot be undone.")) {
|
||||||
@@ -201,11 +216,23 @@ function PolicyTableRow({
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
<td className="py-4 px-6">
|
||||||
|
<span className="text-sm text-primary">
|
||||||
|
{policy.owner?.fullName || "Unassigned"}
|
||||||
|
</span>
|
||||||
|
</td>
|
||||||
<td className="py-4 px-6">
|
<td className="py-4 px-6">
|
||||||
<span className="text-sm text-primary">
|
<span className="text-sm text-primary">
|
||||||
{format(new Date(policy.updatedAt), "MMM d, yyyy")}
|
{format(new Date(policy.updatedAt), "MMM d, yyyy")}
|
||||||
</span>
|
</span>
|
||||||
</td>
|
</td>
|
||||||
|
<td className="py-4 px-6">
|
||||||
|
{status === "PUBLISHED" ? (
|
||||||
|
<span className="text-sm text-primary">{signedCount} / {totalSignatures}</span>
|
||||||
|
) : (
|
||||||
|
<span className="text-sm text-tertiary">-</span>
|
||||||
|
)}
|
||||||
|
</td>
|
||||||
<td className="py-4 px-6">
|
<td className="py-4 px-6">
|
||||||
<Badge
|
<Badge
|
||||||
className={`font-medium border-0 py-0 px-[6px] h-5 text-xs rounded-md ${
|
className={`font-medium border-0 py-0 px-[6px] h-5 text-xs rounded-md ${
|
||||||
@@ -546,12 +573,24 @@ function PolicyListViewContent({
|
|||||||
<ChevronDown className="h-3 w-3 text-quaternary" />
|
<ChevronDown className="h-3 w-3 text-quaternary" />
|
||||||
</div>
|
</div>
|
||||||
</th>
|
</th>
|
||||||
|
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
Owner
|
||||||
|
<ChevronDown className="h-3 w-3 text-quaternary" />
|
||||||
|
</div>
|
||||||
|
</th>
|
||||||
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
Last update
|
Last update
|
||||||
<ChevronDown className="h-3 w-3 text-quaternary" />
|
<ChevronDown className="h-3 w-3 text-quaternary" />
|
||||||
</div>
|
</div>
|
||||||
</th>
|
</th>
|
||||||
|
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
||||||
|
<div className="flex items-center gap-1">
|
||||||
|
Signatures
|
||||||
|
<ChevronDown className="h-3 w-3 text-quaternary" />
|
||||||
|
</div>
|
||||||
|
</th>
|
||||||
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
<th className="py-3 px-6 text-xs font-medium text-tertiary border-b border-low-b">
|
||||||
<div className="flex items-center gap-1">
|
<div className="flex items-center gap-1">
|
||||||
Status
|
Status
|
||||||
@@ -572,7 +611,7 @@ function PolicyListViewContent({
|
|||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
<tr>
|
<tr>
|
||||||
<td colSpan={4} className="py-12 text-center">
|
<td colSpan={5} className="py-12 text-center">
|
||||||
<div className="flex flex-col items-center gap-2">
|
<div className="flex flex-col items-center gap-2">
|
||||||
<h3 className="text-lg font-medium">No policies found</h3>
|
<h3 className="text-lg font-medium">No policies found</h3>
|
||||||
<p className="text-tertiary">
|
<p className="text-tertiary">
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
/**
|
/**
|
||||||
* @generated SignedSource<<5b24e53258fceb03535363014f57a15e>>
|
* @generated SignedSource<<fbe65b0fb14443a15a43bd3d4100118f>>
|
||||||
* @lightSyntaxTransform
|
* @lightSyntaxTransform
|
||||||
* @nogrep
|
* @nogrep
|
||||||
*/
|
*/
|
||||||
@@ -11,6 +11,7 @@
|
|||||||
import { ConcreteRequest } from 'relay-runtime';
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
import { FragmentRefs } from "relay-runtime";
|
import { FragmentRefs } from "relay-runtime";
|
||||||
export type PolicyStatus = "DRAFT" | "PUBLISHED";
|
export type PolicyStatus = "DRAFT" | "PUBLISHED";
|
||||||
|
export type PolicyVersionSignatureState = "REQUESTED" | "SIGNED";
|
||||||
export type PolicyListViewQuery$variables = {
|
export type PolicyListViewQuery$variables = {
|
||||||
organizationId: string;
|
organizationId: string;
|
||||||
};
|
};
|
||||||
@@ -33,6 +34,14 @@ export type PolicyListViewQuery$data = {
|
|||||||
readonly edges: ReadonlyArray<{
|
readonly edges: ReadonlyArray<{
|
||||||
readonly node: {
|
readonly node: {
|
||||||
readonly id: string;
|
readonly id: string;
|
||||||
|
readonly signatures: {
|
||||||
|
readonly edges: ReadonlyArray<{
|
||||||
|
readonly node: {
|
||||||
|
readonly id: string;
|
||||||
|
readonly state: PolicyVersionSignatureState;
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
};
|
||||||
readonly status: PolicyStatus;
|
readonly status: PolicyStatus;
|
||||||
readonly updatedAt: string;
|
readonly updatedAt: string;
|
||||||
};
|
};
|
||||||
@@ -111,20 +120,25 @@ v6 = {
|
|||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
v7 = {
|
v7 = {
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "first",
|
||||||
|
"value": 100
|
||||||
|
},
|
||||||
|
v8 = {
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
"kind": "ScalarField",
|
"kind": "ScalarField",
|
||||||
"name": "__typename",
|
"name": "__typename",
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
v8 = {
|
v9 = {
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
"kind": "ScalarField",
|
"kind": "ScalarField",
|
||||||
"name": "cursor",
|
"name": "cursor",
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
v9 = {
|
v10 = {
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
"concreteType": "PageInfo",
|
"concreteType": "PageInfo",
|
||||||
@@ -149,7 +163,7 @@ v9 = {
|
|||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
v10 = [
|
v11 = [
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": null,
|
"args": null,
|
||||||
@@ -247,7 +261,50 @@ v10 = [
|
|||||||
"name": "status",
|
"name": "status",
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
(v5/*: any*/)
|
(v5/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
(v7/*: any*/)
|
||||||
|
],
|
||||||
|
"concreteType": "PolicyVersionSignatureConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "signatures",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "PolicyVersionSignatureEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "PolicyVersionSignature",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v1/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "state",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": "signatures(first:100)"
|
||||||
|
}
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
}
|
}
|
||||||
@@ -257,22 +314,18 @@ v10 = [
|
|||||||
],
|
],
|
||||||
"storageKey": "versions(first:1)"
|
"storageKey": "versions(first:1)"
|
||||||
},
|
},
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
(v8/*: any*/)
|
(v8/*: any*/)
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
(v9/*: any*/)
|
(v9/*: any*/)
|
||||||
],
|
],
|
||||||
v11 = [
|
"storageKey": null
|
||||||
{
|
|
||||||
"kind": "Literal",
|
|
||||||
"name": "first",
|
|
||||||
"value": 100
|
|
||||||
},
|
},
|
||||||
|
(v10/*: any*/)
|
||||||
|
],
|
||||||
|
v12 = [
|
||||||
|
(v7/*: any*/),
|
||||||
{
|
{
|
||||||
"kind": "Literal",
|
"kind": "Literal",
|
||||||
"name": "orderBy",
|
"name": "orderBy",
|
||||||
@@ -282,10 +335,10 @@ v11 = [
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
v12 = [
|
v13 = [
|
||||||
"orderBy"
|
"orderBy"
|
||||||
],
|
],
|
||||||
v13 = [
|
v14 = [
|
||||||
{
|
{
|
||||||
"kind": "Literal",
|
"kind": "Literal",
|
||||||
"name": "first",
|
"name": "first",
|
||||||
@@ -337,7 +390,7 @@ return {
|
|||||||
"kind": "LinkedField",
|
"kind": "LinkedField",
|
||||||
"name": "__PolicyListView_policies_connection",
|
"name": "__PolicyListView_policies_connection",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": (v10/*: any*/),
|
"selections": (v11/*: any*/),
|
||||||
"storageKey": "__PolicyListView_policies_connection(orderBy:{\"direction\":\"ASC\",\"field\":\"TITLE\"})"
|
"storageKey": "__PolicyListView_policies_connection(orderBy:{\"direction\":\"ASC\",\"field\":\"TITLE\"})"
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
@@ -378,14 +431,14 @@ return {
|
|||||||
"name": "node",
|
"name": "node",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": [
|
"selections": [
|
||||||
(v7/*: any*/),
|
(v8/*: any*/),
|
||||||
(v1/*: any*/),
|
(v1/*: any*/),
|
||||||
{
|
{
|
||||||
"kind": "InlineFragment",
|
"kind": "InlineFragment",
|
||||||
"selections": [
|
"selections": [
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": (v11/*: any*/),
|
"args": (v12/*: any*/),
|
||||||
"concreteType": "PeopleConnection",
|
"concreteType": "PeopleConnection",
|
||||||
"kind": "LinkedField",
|
"kind": "LinkedField",
|
||||||
"name": "peoples",
|
"name": "peoples",
|
||||||
@@ -416,22 +469,22 @@ return {
|
|||||||
"name": "primaryEmailAddress",
|
"name": "primaryEmailAddress",
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
(v7/*: any*/)
|
|
||||||
],
|
|
||||||
"storageKey": null
|
|
||||||
},
|
|
||||||
(v8/*: any*/)
|
(v8/*: any*/)
|
||||||
],
|
],
|
||||||
"storageKey": null
|
"storageKey": null
|
||||||
},
|
},
|
||||||
(v9/*: any*/)
|
(v9/*: any*/)
|
||||||
],
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v10/*: any*/)
|
||||||
|
],
|
||||||
"storageKey": "peoples(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"FULL_NAME\"})"
|
"storageKey": "peoples(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"FULL_NAME\"})"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": (v11/*: any*/),
|
"args": (v12/*: any*/),
|
||||||
"filters": (v12/*: any*/),
|
"filters": (v13/*: any*/),
|
||||||
"handle": "connection",
|
"handle": "connection",
|
||||||
"key": "PeopleSelector_organization_peoples",
|
"key": "PeopleSelector_organization_peoples",
|
||||||
"kind": "LinkedHandle",
|
"kind": "LinkedHandle",
|
||||||
@@ -439,18 +492,18 @@ return {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": (v13/*: any*/),
|
"args": (v14/*: any*/),
|
||||||
"concreteType": "PolicyConnection",
|
"concreteType": "PolicyConnection",
|
||||||
"kind": "LinkedField",
|
"kind": "LinkedField",
|
||||||
"name": "policies",
|
"name": "policies",
|
||||||
"plural": false,
|
"plural": false,
|
||||||
"selections": (v10/*: any*/),
|
"selections": (v11/*: any*/),
|
||||||
"storageKey": "policies(first:50,orderBy:{\"direction\":\"ASC\",\"field\":\"TITLE\"})"
|
"storageKey": "policies(first:50,orderBy:{\"direction\":\"ASC\",\"field\":\"TITLE\"})"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"alias": null,
|
"alias": null,
|
||||||
"args": (v13/*: any*/),
|
"args": (v14/*: any*/),
|
||||||
"filters": (v12/*: any*/),
|
"filters": (v13/*: any*/),
|
||||||
"handle": "connection",
|
"handle": "connection",
|
||||||
"key": "PolicyListView_policies",
|
"key": "PolicyListView_policies",
|
||||||
"kind": "LinkedHandle",
|
"kind": "LinkedHandle",
|
||||||
@@ -466,7 +519,7 @@ return {
|
|||||||
]
|
]
|
||||||
},
|
},
|
||||||
"params": {
|
"params": {
|
||||||
"cacheID": "ed650f54cc226d3adea27a78a777890c",
|
"cacheID": "1a9f6afc7b288a1051294afe154f14c4",
|
||||||
"id": null,
|
"id": null,
|
||||||
"metadata": {
|
"metadata": {
|
||||||
"connection": [
|
"connection": [
|
||||||
@@ -483,11 +536,11 @@ return {
|
|||||||
},
|
},
|
||||||
"name": "PolicyListViewQuery",
|
"name": "PolicyListViewQuery",
|
||||||
"operationKind": "query",
|
"operationKind": "query",
|
||||||
"text": "query PolicyListViewQuery(\n $organizationId: ID!\n) {\n viewer {\n user {\n id\n }\n id\n }\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n ...PeopleSelector_organization\n policies(first: 50, orderBy: {field: TITLE, direction: ASC}) {\n edges {\n node {\n id\n title\n description\n currentPublishedVersion\n createdAt\n updatedAt\n owner {\n id\n fullName\n }\n versions(first: 1) {\n edges {\n node {\n id\n status\n updatedAt\n }\n }\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n }\n id\n }\n}\n\nfragment PeopleSelector_organization on Organization {\n id\n peoples(first: 100, orderBy: {direction: ASC, field: FULL_NAME}) {\n edges {\n node {\n id\n fullName\n primaryEmailAddress\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n"
|
"text": "query PolicyListViewQuery(\n $organizationId: ID!\n) {\n viewer {\n user {\n id\n }\n id\n }\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n ...PeopleSelector_organization\n policies(first: 50, orderBy: {field: TITLE, direction: ASC}) {\n edges {\n node {\n id\n title\n description\n currentPublishedVersion\n createdAt\n updatedAt\n owner {\n id\n fullName\n }\n versions(first: 1) {\n edges {\n node {\n id\n status\n updatedAt\n signatures(first: 100) {\n edges {\n node {\n id\n state\n }\n }\n }\n }\n }\n }\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n }\n id\n }\n}\n\nfragment PeopleSelector_organization on Organization {\n id\n peoples(first: 100, orderBy: {direction: ASC, field: FULL_NAME}) {\n edges {\n node {\n id\n fullName\n primaryEmailAddress\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n }\n }\n}\n"
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
})();
|
})();
|
||||||
|
|
||||||
(node as any).hash = "b3b0798be0779c09013a4743d015e87f";
|
(node as any).hash = "0aa2374fc681f6d130fbf03586707d5a";
|
||||||
|
|
||||||
export default node;
|
export default node;
|
||||||
|
|||||||
Reference in New Issue
Block a user