Merge pull request #192 from deetz99/platform-review-step

Platform review step

strr-pm-web/app/components/connect/InfoBox.vue

@@ -2,7 +2,7 @@
 defineProps<{ title?: string, titleClass?: string, content?: string }>()
 </script>
 <template>
-  <div>
+  <div class="flex flex-col">
     <strong v-if="title" :class="titleClass || 'text-[smaller] font-bold italic tracking-wider'">
       {{ title }}
     </strong>

strr-pm-web/app/components/form/platform/Review/EditCardHeader.vue

@@ -0,0 +1,32 @@
+<!-- using this to cleanup the Review component template,
+should add an 'actions' prop to the ConnectPageSection component to avoid this -->
+<script setup lang="ts">
+defineProps<{
+  title: string
+  icon: string
+}>()
+
+defineEmits<{
+  edit: [void]
+}>()
+</script>
+<template>
+  <div class="flex items-center px-4">
+    <div class="inline-flex grow items-center gap-2">
+      <UIcon
+        :name="icon"
+        class="size-6 shrink-0 text-bcGovColor-activeBlue"
+      />
+      <h2>
+        {{ title }}
+      </h2>
+    </div>
+    <UButton
+      :label="$t('word.Edit')"
+      icon="i-mdi-edit"
+      variant="link"
+      :padded="false"
+      @click="$emit('edit')"
+    />
+  </div>
+</template>