Restore syntax highlighting for json documents

Azure-Samples · Oct 18, 2022 · 0e736ef · 0e736ef
1 parent 01c43a1
commit 0e736ef
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 25 deletions.
diff --git a/client/package-lock.json b/client/package-lock.json
diff --git a/client/package.json b/client/package.json
@@ -90,4 +90,4 @@
   "engines": {
     "node": ">=10"
   }
-}
+}
diff --git a/...omponent/GraphViewerRelationshipViewerComponent/GraphViewerRelationshipViewerComponent.js b/...omponent/GraphViewerRelationshipViewerComponent/GraphViewerRelationshipViewerComponent.js
@@ -101,7 +101,7 @@ export class GraphViewerRelationshipViewerComponent extends Component {
             <h3>Incoming</h3>
             <div className="relationships">
               <pre>
-                <code className="language-json">
+                <code className="language-js">
                   {JSON.stringify(incomingRelationships, null, 1)}
                 </code>
               </pre>
@@ -114,7 +114,7 @@ export class GraphViewerRelationshipViewerComponent extends Component {
             <h3>Outgoing</h3>
             <div className="relationships">
               <pre>
-                <code className="language-json">
+                <code className="language-js">
                   {JSON.stringify(outgoingRelationships, null, 1)}
                 </code>
               </pre>

diff --git a/...werComponent/ModelGraphViewerModelDetailComponent/ModelGraphViewerModelDetailComponent.js b/...werComponent/ModelGraphViewerModelDetailComponent/ModelGraphViewerModelDetailComponent.js
@@ -43,7 +43,7 @@ export class ModelGraphViewerModelDetailComponent extends React.Component {
         <div className="detail-title">Model Detail</div>
         {model && (
           <pre tabIndex="0">
-            <code className="language-json">
+            <code className="language-js">
               {JSON.stringify(model, null, 1)}
             </code>
           </pre>

diff --git a/client/src/components/ModelUploadMessageBar/ModelUploadMessageBar.js b/client/src/components/ModelUploadMessageBar/ModelUploadMessageBar.js
@@ -35,7 +35,7 @@ const ModelUploadMessageBar = ({ modelUploadResults, onDismiss, t }) => {
                     {
                         lastUploadResults.current &&
                         <pre tabIndex="0" id="code-container">
-                            <code className="language-json">
+                            <code className="language-js">
                                 {JSON.stringify(lastUploadResults.current, null, 2)}
                             </code>
                         </pre>

diff --git a/.../src/components/ModelViewerComponent/ModelViewerViewComponent/ModelViewerViewComponent.js b/.../src/components/ModelViewerComponent/ModelViewerViewComponent/ModelViewerViewComponent.js
@@ -52,7 +52,7 @@ export class ModelViewerViewComponent extends Component {
           <h2 className="heading-2" id="model-information-heading" tabIndex="0">{this.props.t("modelViewerViewComponent.heading")}</h2>
           <div className="pre-wrapper modal-scroll">
             {model && <pre tabIndex="0" id="code-container">
-              <code className="language-json">
+              <code className="language-js">
                 {JSON.stringify(model, null, 1)}
               </code>
             </pre>}

diff --git a/.../PropertyInspectorPatchInformationComponent/PropertyInspectorPatchInformationComponent.js b/.../PropertyInspectorPatchInformationComponent/PropertyInspectorPatchInformationComponent.js
@@ -25,7 +25,7 @@ export class PropertyInspectorPatchInformationComponent extends Component {
         <h2 className="heading-2">Patch Information</h2>
         <div className="patch-json-data">
           <pre>
-            <code className="language-json">
+            <code className="language-js">
               {JSON.stringify(patch, null, 2)}
             </code>
           </pre>

diff --git a/client/src/index.scss b/client/src/index.scss
@@ -255,7 +255,7 @@ code[class*="language-"], pre[class*="language-"] {
   z-index: 103;
 }
 
-.language-json {
+.language-js {
 
   *::selection {
     background:rgba(255,255,255, 0.25) !important;
-Original file line number
+Diff line change
@@ Expand Up / @@ -90,4 +90,4 @@ @@
       "engines": {
         "node": ">=10"
       }
-    }
+    }