94 add event fetch from database

.github/workflows/main.yml

@@ -9,19 +9,19 @@ jobs:
   build:
     permissions:
       id-token: write # This is required for requesting the JWT
-    runs-on: ubuntu-latest
+    runs-on: ubuntu-24.04-arm
 
     steps:
       - name: Checkout code
         uses: actions/checkout@v3
 
-      - name: Set up Docker Buildx
-        uses: docker/setup-buildx-action@v1
+      # - name: Set up Docker Buildx
+      #  uses: docker/setup-buildx-action@v1
 
       - name: configure aws credentials
         uses: aws-actions/configure-aws-credentials@v4
         with:
-          role-to-assume: arn:aws:iam::654654236858:role/GithubActions
+          role-to-assume: ${{ secrets.ACTIONS_ROLE_ARN }}
           role-session-name: GitHub_to_AWS_via_FederatedOIDC
           aws-region: us-east-2
 
@@ -31,10 +31,10 @@ jobs:
 
       - name: Build and Push Docker image
         env:
-          ECR_REGISTRY: ${{ steps.login-ecr.outputs.registry}}
-          REPOSITORY: abide-connect
-          IMAGE_TAG: ${{ github.sha}}
-          DATABASE_URL: "file:./prisma/dev.db"
+          ECR_REGISTRY: ${{ steps.login-ecr.outputs.registry }}
+          REPOSITORY: ${{ vars.REPOSITORY }}
+          IMAGE_TAG: ${{ github.sha }}
+          DATABASE_URL: 'file:./dev.db'
         run: |
-          docker buildx build --output type=image,push=true --platform linux/arm64 -t $ECR_REGISTRY/$REPOSITORY:$IMAGE_TAG .
-          docker buildx build --output type=image,push=true --platform linux/arm64 -t $ECR_REGISTRY/$REPOSITORY:prod .
+          docker build --output type=image,push=true --platform linux/arm64 -t $ECR_REGISTRY/$REPOSITORY:$IMAGE_TAG .
+          docker build --output type=image,push=true --platform linux/arm64 -t $ECR_REGISTRY/$REPOSITORY:prod .

app/app.config.ts

@@ -1 +1 @@
-export default defineAppConfig({});
+export default defineAppConfig({})

app/app.vue

@@ -4,4 +4,4 @@
       <NuxtPage />
     </NuxtLayout>
   </UApp>
-</template>
+</template>

app/components/event/Editor.vue

@@ -1,20 +1,20 @@
 <script setup>
-import { ref, watch } from "vue"
+import { ref, watch } from 'vue'
 
 const props = defineProps({
   event: {
     type: Object,
-    default: null
-  }
+    default: null,
+  },
 })
 
-const emit = defineEmits(["save", "delete"])
+const emit = defineEmits(['save', 'delete'])
 
 const editedEvent = ref({
-  name: "",
-  date: "",
-  location: "",
-  image: ""
+  name: '',
+  date: '',
+  location: '',
+  image: '',
 })
 
 // Watch for changes to the event prop and update the form
@@ -25,24 +25,29 @@ watch(() => props.event, (newEvent) => {
 }, { immediate: true })
 
 function saveEvent() {
-  emit("save", { ...editedEvent.value })
+  emit('save', { ...editedEvent.value })
 }
 
 function deleteEvent() {
-  emit("delete", editedEvent.value.id)
+  emit('delete', editedEvent.value.id)
 }
 </script>
 
 <template>
   <div class="space-y-4">
-    <h3 class="text-xl font-semibold">Edit Event</h3>
+    <h3 class="text-xl font-semibold">
+      Edit Event
+    </h3>
 
     <UFormField label="Event Name">
       <UInput v-model="editedEvent.name" />
     </UFormField>
 
     <UFormField label="Date">
-      <UInput v-model="editedEvent.date" type="date" />
+      <UInput
+        v-model="editedEvent.date"
+        type="date"
+      />
     </UFormField>
 
     <UFormField label="Location">
@@ -54,19 +59,35 @@ function deleteEvent() {
     </UFormField>
 
     <!-- Preview image if URL provided -->
-    <div v-if="editedEvent.image" class="mt-2">
-      <p class="text-sm text-gray-600 mb-2">Image Preview:</p>
-      <img 
-        :src="editedEvent.image" 
-        alt="Event preview" 
+    <div
+      v-if="editedEvent.image"
+      class="mt-2"
+    >
+      <p class="text-sm text-gray-600 mb-2">
+        Image Preview:
+      </p>
+      <img
+        :src="editedEvent.image"
+        alt="Event preview"
         class="w-full h-32 object-cover rounded-lg"
         @error="$event.target.style.display = 'none'"
       >
     </div>
 
     <div class="flex justify-between pt-2">
-      <UButton color="red" variant="soft" @click="deleteEvent">Delete Event</UButton>
-      <UButton color="primary" @click="saveEvent">Save Changes</UButton>
+      <UButton
+        color="red"
+        variant="soft"
+        @click="deleteEvent"
+      >
+        Delete Event
+      </UButton>
+      <UButton
+        color="primary"
+        @click="saveEvent"
+      >
+        Save Changes
+      </UButton>
     </div>
   </div>
-</template>
+</template>