Using variables returned from an export function

Ask the community
,
3

You are returning an array of empty values because of the scope of the variables you created.

BACKEND

1646×1020 61.3 KB

export async function myJourney(digitalClientName) {
  try {
    const query = await wixData
      .query('Items1')
      .eq('title', digitalClientName)
      .limit(1)
      .find()

    const { items } = query || {}

    return items
      ? items.length > 0
        ? [items[0].image.url, items[0].subtitle.text, items[0].altText.text]
        : [false, false, false]
      : [false, false, false]
  } catch (error) {
    console.error(error)
    return [false, false, false]
  }
}

FRONTEND

1798×1132 208 KB

import { myJourney } from 'backend/myJourney'

const DEFAULT_BG =
  'wix:image://v1/11062b_216a7c5a8f2e4ea0899a27af0efac648~mv2.jpg/_.jpg#originWidth=3360&originHeight=2240'
const DEFAULT_SUBTITLE = 'My journey'
const DEFAULT_ALTTEXT = 'My journey'

$w.onReady(async () => {
  // Get the digital client name and insert in myJourney function.
  const [myJourneyPic, myJourneySubTitle, myJourneyAltText] = await myJourney(
    'myJourney'
  )

  if (myJourneyPic === false)
    console.log('No myJourney pic or error, check WIX Logging')

  $w('#myjourneyPic').background.src = myJourneyPic || DEFAULT_BG
  $w('#subTitle').text = myJourneySubTitle || DEFAULT_SUBTITLE
  $w('#altTitle').text = myJourneyAltText || DEFAULT_ALTTEXT

  myJourneyPic ? $w('#image16').show() : $w('#image16').hide()
})