JSFiddle - React, Tailwind, and code Playground

by jonahe

JavaScript

const contentStructure = {
  photography: {
    exercises: [
      {
        changedBy: "jensthorsen",
        createdBy: "jensthorsen",
        exerciseType: "statements",
        id: "exercise-9",
        ikeaToneOfVoice: true,
        package: "not-decided",
        programmeId: "tone-of-voice",
        statements: [
          {
            id: 1,
            principleId: "none",
            textFeedbackId: "textFeedback1",
            textId: "textStatement1",
            isCorrect: false,
          },
          {
            id: 2,
            principleId: "none",
            textFeedbackId: "textFeedback2",
            textId: "textStatement2",
            isCorrect: false,
          },
          {
            id: 3,
            principleId: "relevant",
            textFeedbackId: "textFeedback3",
            textId: "textStatement3",
            isCorrect: true,
          },
          {
            id: 4,
            principleId: "none",
            textFeedbackId: "textFeedback4",
            textId: "textStatement4",
            isCorrect: false,
          },
          {
            id: 5,
            principleId: "engage-and-invite",
            textFeedbackId: "textFeedback5",
            textId: "textStatement5",
            isCorrect: true,
          },
          {
            id: 6,
            principleId: "natural-light",
            textFeedbackId: "textFeedback6",
            textId: "textStatement6",
            isCorrect: true,
          },
        ],
        workshopId: "photography",
        unlockablePrinciples: ["relevant", "engage-and-invite", "natural-light"],
        isGoodToneOfVoiceExample: true,
      },
      {
        changedBy: "eron",
        createdBy: "jensthorsen",
        exerciseType: "statements",
        id: "exercise-48",
        ikeaToneOfVoice: false,
        package: "self-study",
        programmeId: "tone-of-voice",
        statements: [
          {
            id: 1,
            principleId: "none",
           ...