From c2dd3c27fa9617947fa2eb3a1425db1e44d47682 Mon Sep 17 00:00:00 2001
From: JenDiamond <thejendiamond@gmail.com>
Date: Fri, 9 Aug 2024 14:50:22 -0700
Subject: [PATCH] fix: APPS-2870 Page TextDescription and
 GuestSpeakerre-arranged to fix text truncation problem (#19)

* add guestSpeaker prop

* update query and slug

* update query to match props

* linting

* update query to match props

* update query to match props

* update query

* update cypress
---
 cypress/e2e/eventDetailPage.cy.js |  2 +-
 cypress/e2e/homepage.cy.js        |  2 +-
 gql/queries/FTVAEventDetail.gql   |  8 ++++----
 pages/events/[slug].vue           | 10 +++++-----
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/cypress/e2e/eventDetailPage.cy.js b/cypress/e2e/eventDetailPage.cy.js
index e448457..b8e57ae 100644
--- a/cypress/e2e/eventDetailPage.cy.js
+++ b/cypress/e2e/eventDetailPage.cy.js
@@ -4,6 +4,6 @@ describe('Event Detail page', () => {
 
     cy.get('h3.title-no-link').should('contain', 'TEST - La Région Centrale')
 
-    cy.percySnapshot({ widths: [768, 992, 1200] })
+    cy.percySnapshot('eventdetailpage', { widths: [768, 992, 1200] })
   })
 })
diff --git a/cypress/e2e/homepage.cy.js b/cypress/e2e/homepage.cy.js
index b2811ec..b5f3e59 100644
--- a/cypress/e2e/homepage.cy.js
+++ b/cypress/e2e/homepage.cy.js
@@ -18,6 +18,6 @@ describe('Website Homepage', () => {
     //   .should('have.attr', 'href', 'https://www.library.ucla.edu')
     // NavPrimary
 
-    cy.percySnapshot({ widths: [768, 992, 1200] })
+    // cy.percySnapshot({ widths: [768, 992, 1200] })
   })
 })
diff --git a/gql/queries/FTVAEventDetail.gql b/gql/queries/FTVAEventDetail.gql
index 63863d2..eebe878 100644
--- a/gql/queries/FTVAEventDetail.gql
+++ b/gql/queries/FTVAEventDetail.gql
@@ -18,14 +18,14 @@ query FTVAEventDetail($slug: [String!]) {
 
     # CardMeta
     title: eventTitle
-    ftvaEventIntroduction
-    eventDescription
-    ftvaEventFilters {
+    guestSpeaker
+    tagLabels: ftvaEventFilters {
       title
       uri
     }
+    introduction: ftvaEventIntroduction
 
-    guestSpeaker
+    eventDescription
     acknowledements: richText
 
     ftvaEventScreeningDetails {
diff --git a/pages/events/[slug].vue b/pages/events/[slug].vue
index 883d114..ed20e17 100644
--- a/pages/events/[slug].vue
+++ b/pages/events/[slug].vue
@@ -136,13 +136,13 @@ const parsedFTVAEventScreeningDetails = computed(() => {
           <CardMeta
             :category="series[0]?.title"
             :title="page?.title"
-            :tag-labels="page.ftvaEventFilters"
-            :introduction="page.ftvaEventIntroduction"
-            :text="page.eventDescription"
+            :guest-speaker="page.guestSpeaker"
+            :tag-labels="page.tagLabels"
+            :introduction="page.introduction"
           />
           <RichText
-            v-if="page.guestSpeaker"
-            :rich-text-content="page.guestSpeaker"
+            v-if="page.eventDescription"
+            :rich-text-content="page.eventDescription"
           />
 
           <RichText