jepser

// endpoints
query,
transformResponse,
async onQueryStarted({ answerId, themeIds, blockUuid, themes = [] }, { dispatch, queryFulfilled, getState }) {
  // this is the way we can get the serialized cache query
  const [selectedCacheName] = unmoderatedResultsApi.util.selectInvalidatedBy(getState(), [
    {
      type: 'BlockAnswers',
      id: blockUuid,
    },

jepser

import styled from 'styled-components';

export const Root = styled.div``;

export const Label = styled.div``;

export const Title = styled.span``;

jepser

import { getSuperThing } from '~/api'

const Talo = () => {
  const [data, setData] = useState(null)
  useEffect(() => {
    getSuperThing().then(setData)
  }, [])

  if(!data) return null

jepser

{
  "manifest": {
    "shouldLoadUnifiedApp": true,
    "allowComments": "true",
    "shareModeViewMode": "ShareModeViewModeDesign",
    "id": "4c2c0af2-5daf-4c97-9b8b-8f41bd3624ab",
    "name": "Untitled-1",
    "thumbnail": {
      "id": "dbe95ef9-1b47-4ab2-88c9-d820937c4dba",
      "path": "homeThumbnail.png",

jepser

{
  "version": "1.5.0",
  "children": [
    {
      "type": "artboard",
      "meta": {
        "ux": {
          "nameL10N": "SHAPE_RECTANGLE",
          "bounds": {
            "x": 0,

jepser

{
  "version": "0.24",
  "homeArtboard": "2bcde2bc-09b1-4dc4-88af-7dc0017f2ab8",
  "interactions": {
    "70f72742-b83e-4412-a7b8-1bff98973729": [
      {
        "properties": {
          "transition": "dissolve",
          "duration": 0.3,
          "easing": "ease-out",

jepser

Remember:

1. In App create a method to handle the action that comes from ProductItem, and set it as a prop
2. Connect ProductItem form submission method, with a prop that comes from App.
3. In App, in the method that you created update the state adding the item to the cart
4. Pass the cart items information (remember that we need name, quantity and subtotal) to Cart component
5. In cart loop through the items :)

jepser

getValues() {
    let result = [];

    function traverse(node) {
      result.push(node.value);

      if (node.left) {
        traverse(node.left);
      }
      if (node.right) {

jepser

<template>
  <div>
    <div>My portfolio</div>
    <div v-if="featureItem" class="feature-item">
      <h4>{{featureItem.title}}</h4>
      <p>{{featureItem.description}}</p>
      <img :src="featureItem.image" />
    </div>
    <ul class="image-wrapper">
      <li

jepser

<template>
  <div class="wrapper">
    <h3 class="title">Add new project</h3>
    <div class="form-section">
      <div class="form-input">
        <label for="title">Project title</label>
        <input class="input-field" name="title" v-model="title" />
      </div>
      <div class="form-input form-input-last">
        <label for="image">Image URL</label>