fix(ui components): remove a stylesheet import that's now redundant (#…

…1164)

* fix(ui components): remove a stylesheet import that's now redundant

* chore(recipes): update copy

* fix: bring back recipes toggle

It was broken in the demo app, this appears to do the trick!

example/src/Demo.jsx

@@ -42,8 +42,8 @@ class Demo extends React.Component {
         description: 'Enable our request body JSON editor.',
         stateProp: 'enableJsonEditor',
       },
-      'Enable tutorials (beta)': {
-        description: 'Enable our tutorials beta.',
+      'Enable recipes (beta)': {
+        description: 'Enable our recipes beta.',
         stateProp: 'enableTutorials',
       },
     };
@@ -156,12 +156,12 @@ class Demo extends React.Component {
     if (enableTutorials) {
       docs.forEach((doc, i) => {
         // Only add our mock tutorials if we don't have them present.
-        if (!('tutorials' in doc)) {
+        if ('tutorials' in doc) {
           docs[i].tutorials = [
             {
-              title: 'Test Tutorial',
-              description: 'Tutorial description',
-              slug: 'test-tutorial',
+              title: 'Test Recipe',
+              description: 'Recipe description',
+              slug: 'test-recipe',
               backgroundColor: '#018FF4',
               emoji: '🦉',
               _id: '123',
@@ -195,9 +195,7 @@ class Demo extends React.Component {
       });
     } else {
       docs.forEach((doc, i) => {
-        if (!('tutorials' in doc)) {
-          docs[i].tutorials = [];
-        }
+        docs[i].tutorials = [];
       });
     }
 

packages/api-explorer/src/Doc.jsx

@@ -10,7 +10,6 @@ const Oas = require('oas/tooling');
 const { getPath, matchesMimeType } = require('oas/tooling/utils');
 
 const { TutorialTile } = require('@readme/ui/.bundles/es/ui/compositions');
-require('@readme/ui/.bundles/umd/main.css');
 
 const isAuthReady = require('./lib/is-auth-ready');