From e7346baa34bdca54e1861dfa00dec1be42e92ac1 Mon Sep 17 00:00:00 2001
From: Oliver Eyton-Williams <ojeytonwilliams@gmail.com>
Date: Wed, 8 Jul 2020 16:30:42 +0200
Subject: [PATCH] feat(client): show line numbers on video questions (#39207)

---
 client/.babelrc                               | 5 ++++-
 client/src/templates/Challenges/video/Show.js | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/.babelrc b/client/.babelrc
index 8f7db13c81..6e534b57b7 100644
--- a/client/.babelrc
+++ b/client/.babelrc
@@ -63,7 +63,10 @@
           "python",
           "svg",
           "xml"
-        ], "theme": "default", "css": true
+        ],
+        "theme": "default",
+        "css": true,
+        "plugins": ["line-numbers"]
       }
     ]
   ]
diff --git a/client/src/templates/Challenges/video/Show.js b/client/src/templates/Challenges/video/Show.js
index 262827c586..117dca9fe7 100644
--- a/client/src/templates/Challenges/video/Show.js
+++ b/client/src/templates/Challenges/video/Show.js
@@ -221,7 +221,7 @@ export class Project extends Component {
                   </i>
                 </div>
                 <ChallengeDescription description={description} />
-                <PrismFormatted text={text} />
+                <PrismFormatted className={'line-numbers'} text={text} />
                 <Spacer />
                 <ObserveKeys>
                   <div className='video-quiz-options'>