From 351c4f98a76e6e88fcb16f8d4fbb125a0418060a Mon Sep 17 00:00:00 2001
From: Lewis Tunstall <lewis.c.tunstall@gmail.com>
Date: Tue, 5 Apr 2022 14:47:51 +0200
Subject: [PATCH] Fix quiz

---
 chapters/en/_toctree.yml   |  1 +
 chapters/en/chapter9/7.mdx | 44 ++++++++++++++++++++------------------
 2 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/chapters/en/_toctree.yml b/chapters/en/_toctree.yml
index 53b2308b0..e654c971e 100644
--- a/chapters/en/_toctree.yml
+++ b/chapters/en/_toctree.yml
@@ -185,6 +185,7 @@
     title: Advanced features
   - local: chapter9/7
     title: End-of-chapter quiz
+    quiz: 9
 
 - title: Hugging Face Course Event
   sections:
diff --git a/chapters/en/chapter9/7.mdx b/chapters/en/chapter9/7.mdx
index 9d720336e..3caf96ce9 100644
--- a/chapters/en/chapter9/7.mdx
+++ b/chapters/en/chapter9/7.mdx
@@ -1,3 +1,5 @@
+<!-- DISABLE-FRONTMATTER-SECTIONS -->
+
 # End-of-chapter quiz
 
 Let's test what you learned in this chapter!
@@ -5,7 +7,7 @@ Let's test what you learned in this chapter!
 ### 1. What can you use Gradio to do?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "Create a demo for your machine learning model",
 			explain: "With a few lines of python code you can generate a demo for your ML model using our library of pre-built components.",
@@ -25,13 +27,13 @@ Let's test what you learned in this chapter!
 			text: "Train your model",
 			explain: "Gradio is designed to be used for model inference, AFTER your model is trained.",
 		}
-	]}}
+	]}
 />
 
 ### 2. Gradio ONLY works with PyTorch models
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "True",
 			explain: "Gradio works with pytorch models, but also works for any type of machine learning model!"
@@ -40,14 +42,14 @@ Let's test what you learned in this chapter!
 			text: "False",
 			explain: "Gradio is model agnostic, meaning you can create a demo for any type of machine learning model.",
 			correct: true
-        } 
-	]}}
+        }
+	]}
 />
 
 ### 3. Where can you launch a Gradio demo from?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "Standard python IDEs",
 			explain: "Gradio works great with your favorite IDE.",
@@ -62,14 +64,14 @@ Let's test what you learned in this chapter!
 			text: "Jupyter notebooks",
 			explain: "Good choice - You can create and launch a demo within your Jupyter notebook.",
 			correct: true
-        } 
-	]}}
+        }
+	]}
 />
 
 ### 4. Gradio is designed primarily for NLP models
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "True",
 			explain: "Gradio works with pretty much any data type, not just NLP."
@@ -79,13 +81,13 @@ Let's test what you learned in this chapter!
 			explain: "Gradio supplies developers with a library of pre-built components for pretty much all data types.",
             correct: true
         }
-	]}}
+	]}
 />
 
 ### 5. Which of the following features are supported by Gradio?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "Multiple inputs and outputs",
 			explain: "Multiple inputs and outputs is possible with gradio. All you need to do is pass in a list of inputs and outputs to their corresponding parameters",
@@ -110,13 +112,13 @@ Let's test what you learned in this chapter!
 			explain: "Absolutely - load any Hugging Face model using the gr.Interface.load() method",
 			correct: true
         }
-	]}}
+	]}
 />
 
 ### 6. Which of the following are valid ways of loading a Hugging Face model from Hub or Spaces?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "gr.Interface.load('huggingface/{user}/{model_name}')",
 			explain: "This is a valid method of loading a Hugging Face model from the Hub",
@@ -136,13 +138,13 @@ Let's test what you learned in this chapter!
 			explain: "This is a valid method of loading a Hugging Face model from Spaces",
 			correct: true
         }
-	]}}
+	]}
 />
 
 ### 7. Select all the steps necessary for adding state to your Gradio interface
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "Pass in an extra parameter into your prediction function, which represents the state of the interface.",
 			explain: "An extra parameter storing history or state of your interface is necessary.",
@@ -158,13 +160,13 @@ Let's test what you learned in this chapter!
 			explain: "Gradio provides a state input and output component to persist data.",
             correct: true
         }
-	]}}
+	]}
 />
 
-### 8. Which of the following are components included in the Gradio library? 
+### 8. Which of the following are components included in the Gradio library?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "Textbox.",
 			explain: "Yes, you can create textboxes with the Textbox component.",
@@ -184,13 +186,13 @@ Let's test what you learned in this chapter!
 			explain: "Yes, you can create an audio upload widget with the Audio component.",
             correct: true
         },
-	]}}
+	]}
 />
 
 ### 9. How long does a Gradio share link last?
 
 <Question
-	hydrate-props={{ choices: [
+	choices={[
         {
 			text: "1 hour",
 			explain: "It lasts longer than that!",
@@ -208,5 +210,5 @@ Let's test what you learned in this chapter!
 			explain: "It lasts 72 hours, as long as your device continues running!",
             correct: true
         },
-	]}}
+	]}
 />
\ No newline at end of file