add rs file to test syntax highlighting, add tooltips to nav icons

Rashmirreddy · May 9, 2022 · 466459a · 466459a
1 parent 14d3fdc
commit 466459a
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 38 deletions.
diff --git a/content/code-snippets/markdown.rs b/content/code-snippets/markdown.rs
@@ -0,0 +1,24 @@
+use std::fs::File;
+use std::io::prelude::*;
+use std::path::Path;
+
+fn main() {
+    // Create a path to the desired file
+    let path = Path::new("hello.txt");
+    let display = path.display();
+
+    // Open the path in read-only mode, returns `io::Result<File>`
+    let mut file = match File::open(&path) {
+        Err(why) => panic!("couldn't open {}: {}", display, why),
+        Ok(file) => file,
+    };
+
+    // Read the file contents into a string, returns `io::Result<usize>`
+    let mut s = String::new();
+    match file.read_to_string(&mut s) {
+        Err(why) => panic!("couldn't read {}: {}", display, why),
+        Ok(_) => print!("{} contains:\n{}", display, s),
+    }
+
+    // `file` goes out of scope, and the "hello.txt" file gets closed
+}
diff --git a/content/md/en/docs/quick-start/index.md b/content/md/en/docs/quick-start/index.md
@@ -36,6 +36,8 @@ This file highlights lines 8-12 using a comment inside the file // highlight-ran
 
 `embed:markdown2.js`
 
+`embed:markdown.rs`
+
 ### Subset of a file
 
 This code block only shows a subset of a file (lines 8 to 12) by embedding the file with a suffix of #L8-12

diff --git a/src/components/layout/Sidebar.js b/src/components/layout/Sidebar.js
@@ -33,38 +33,46 @@ const Sidebar = ({ children, currentPath }) => {
               <div className="mt-14">
                 {isOpen ? (
                   <>
-                    <Link to="/quick-start/quickstart/">
-                      <Icon
-                        name="quickStart"
-                        className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
-                          'fill-substrateBlue': currentPath.includes('/quick-start/'),
-                        })}
-                      />
-                    </Link>
-                    <Link to="/main-docs/">
-                      <Icon
-                        name="docsIcon"
-                        className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
-                          'fill-substrateBlue': currentPath.includes('/main-docs/'),
-                        })}
-                      />
-                    </Link>
-                    <Link to="/tutorials/">
-                      <Icon
-                        name="tutorials"
-                        className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
-                          'fill-substrateBlue': currentPath.includes('/tutorials/'),
-                        })}
-                      />
-                    </Link>
-                    <Link to="/reference/">
-                      <Icon
-                        name="reference"
-                        className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
-                          'fill-substrateBlue': currentPath.includes('/reference/'),
-                        })}
-                      />
-                    </Link>
+                    <span title="Quick Start">
+                      <Link to="/quick-start/quickstart/">
+                        <Icon
+                          name="quickStart"
+                          className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
+                            'fill-substrateBlue': currentPath.includes('/quick-start/'),
+                          })}
+                        />
+                      </Link>
+                    </span>
+                    <span title="Docs">
+                      <Link to="/main-docs/">
+                        <Icon
+                          name="docsIcon"
+                          className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
+                            'fill-substrateBlue': currentPath.includes('/main-docs/'),
+                          })}
+                        />
+                      </Link>
+                    </span>
+                    <span title="Tutorials">
+                      <Link to="/tutorials/">
+                        <Icon
+                          name="tutorials"
+                          className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
+                            'fill-substrateBlue': currentPath.includes('/tutorials/'),
+                          })}
+                        />
+                      </Link>
+                    </span>
+                    <span title="Reference">
+                      <Link to="/reference/">
+                        <Icon
+                          name="reference"
+                          className={cx('p-0 my-7 mx-auto block fill-current text-substrateDark dark:text-white', {
+                            'fill-substrateBlue': currentPath.includes('/reference/'),
+                          })}
+                        />
+                      </Link>
+                    </span>
                   </>
                 ) : (
                   ''

diff --git a/src/components/site/NavSidebar/MobileMenu.js b/src/components/site/NavSidebar/MobileMenu.js
@@ -19,12 +19,14 @@ const MobileMenu = ({ page, currentPath }) => {
         >
           <span className="inline-block py-3 collapse-button w-full" onClick={() => setIsOpen(!isOpen)}>
             {page.title === 'Quick start' && (
-              <Icon
-                name="quickStart"
-                className={cx('p-0 mx-2 inline fill-current text-substrateDark dark:text-white', {
-                  'fill-substrateBlue': currentPath === page.url,
-                })}
-              />
+              <span title="Quick Start">
+                <Icon
+                  name="quickStart"
+                  className={cx('p-0 mx-2 inline fill-current text-substrateDark dark:text-white', {
+                    'fill-substrateBlue': currentPath === page.url,
+                  })}
+                />
+              </span>
             )}
             {page.title === 'Docs' && (
               <Icon