From 16d240bb01b7dd024ae77cb05de532f1a55e6b13 Mon Sep 17 00:00:00 2001
From: zlayine <zlayine@enjin.io>
Date: Tue, 7 May 2024 15:52:44 +0300
Subject: [PATCH] add claim conditions view

---
 resources/js/api/beam.ts                        |  1 +
 .../slideovers/beam/DetailsBeamSlideover.vue    | 17 +++++++++++++++++
 .../slideovers/beam/UpdateBeamSlideover.vue     |  2 ++
 .../js/graphql/mutation/beam/UpdateBeam.ts      |  3 ++-
 resources/js/graphql/query/beam/GetBeam.ts      |  4 ++++
 resources/js/graphql/query/beam/GetBeams.ts     |  4 ++++
 6 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/resources/js/api/beam.ts b/resources/js/api/beam.ts
index 731435b..c23632d 100644
--- a/resources/js/api/beam.ts
+++ b/resources/js/api/beam.ts
@@ -112,6 +112,7 @@ export class BeamApi {
                 start: updateBeamData.start,
                 end: updateBeamData.end,
                 flags: updateBeamData.flags,
+                claimConditions: updateBeamData.claimConditions,
             },
         };
 
diff --git a/resources/js/components/slideovers/beam/DetailsBeamSlideover.vue b/resources/js/components/slideovers/beam/DetailsBeamSlideover.vue
index 0e76325..8745498 100644
--- a/resources/js/components/slideovers/beam/DetailsBeamSlideover.vue
+++ b/resources/js/components/slideovers/beam/DetailsBeamSlideover.vue
@@ -53,6 +53,16 @@
                         <dt class="text-base font-medium text-gray-500">Flags</dt>
                         <Chip v-for="flag in item.flags" :key="flag" :text="flag" :closable="false" class="mr-2" />
                     </div>
+                    <div class="space-y-2 pt-4 pb-3" v-if="item.claimConditions.length">
+                        <dt class="text-base font-medium text-gray-500">Conditions</dt>
+                        <Chip
+                            v-for="condition in item.claimConditions"
+                            :key="condition.type"
+                            :text="formatCondition(condition)"
+                            :closable="false"
+                            class="mr-2"
+                        />
+                    </div>
                 </div>
             </div>
         </div>
@@ -77,6 +87,13 @@ defineProps<{
         isClaimable: boolean;
         flags: string[];
         image: string;
+        claimConditions: { type: string; value: string }[];
     };
 }>();
+
+const formatCondition = (condition) => {
+    const type = condition.type.replace(/_/g, ' ');
+
+    return `${type}: ${condition.value}`;
+};
 </script>
diff --git a/resources/js/components/slideovers/beam/UpdateBeamSlideover.vue b/resources/js/components/slideovers/beam/UpdateBeamSlideover.vue
index 32e655e..427afc0 100644
--- a/resources/js/components/slideovers/beam/UpdateBeamSlideover.vue
+++ b/resources/js/components/slideovers/beam/UpdateBeamSlideover.vue
@@ -96,6 +96,7 @@ const props = withDefaults(
             start: string;
             end: string;
             flags: string[];
+            claimConditions: { type: string; value: string }[];
         };
     }>(),
     {
@@ -151,6 +152,7 @@ const checkChanges = () => {
                       };
                   })
                 : null,
+        claimConditions: props.item?.claimConditions,
     };
 };
 
diff --git a/resources/js/graphql/mutation/beam/UpdateBeam.ts b/resources/js/graphql/mutation/beam/UpdateBeam.ts
index 0be9c66..c792263 100644
--- a/resources/js/graphql/mutation/beam/UpdateBeam.ts
+++ b/resources/js/graphql/mutation/beam/UpdateBeam.ts
@@ -1,4 +1,4 @@
-export default `mutation UpdateBeam($code: String!, $name: String, $description: String, $image: String, $start: DateTime, $end: DateTime, $flags: [BeamFlagInputType!]) {
+export default `mutation UpdateBeam($code: String!, $name: String, $description: String, $image: String, $start: DateTime, $end: DateTime, $flags: [BeamFlagInputType!], $claimConditions:  [ClaimConditionInputType]) {
     UpdateBeam(
       code: $code
       name: $name
@@ -7,5 +7,6 @@ export default `mutation UpdateBeam($code: String!, $name: String, $description:
       start: $start
       end: $end
       flags: $flags
+      claimConditions: $claimConditions
     )
   }`;
diff --git a/resources/js/graphql/query/beam/GetBeam.ts b/resources/js/graphql/query/beam/GetBeam.ts
index ace8c1a..2260672 100644
--- a/resources/js/graphql/query/beam/GetBeam.ts
+++ b/resources/js/graphql/query/beam/GetBeam.ts
@@ -16,5 +16,9 @@ export default `query GetBeam($code: String!, $account: String) {
         url
         payload
       }
+      claimConditions {
+        type
+        value
+      }
     }
 }`;
diff --git a/resources/js/graphql/query/beam/GetBeams.ts b/resources/js/graphql/query/beam/GetBeams.ts
index 0a72f4e..014c13b 100644
--- a/resources/js/graphql/query/beam/GetBeams.ts
+++ b/resources/js/graphql/query/beam/GetBeams.ts
@@ -18,6 +18,10 @@ export default `query GetBeams($codes: [String!], $names: [String!], $after: Str
             url
             payload
           }
+          claimConditions {
+            type
+            value
+          }
         }
       }
       pageInfo {