[Demos] Added source code links.

Author: DanilAndreev

src/pages/Components/CodeDemo/index.js

@@ -48,6 +48,10 @@ export default function CodeDemo() {
                 theme={"darcula"}
                 paperContainer
                 actions={[{label: "Source code", link: ""}]}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/CodeExample.js"
+                }]}
             >
                 <Box p={1}>
                     <CodeExample />
@@ -60,6 +64,10 @@ export default function CodeDemo() {
                 theme={"darcula"}
                 paperContainer
                 actions={[{label: "Source code", link: ""}]}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/ExpansionCodeExample.js"
+                }]}
             >
                 <Box p={1}>
                     <TaggingContext.Provider value={{setTag: () => {}, removeTag: () => {}}}>
@@ -72,9 +80,11 @@ export default function CodeDemo() {
             <DemoWithCode
                 code={demoWithCodeCode}
                 theme={"darcula"}
-                actions={[{label: "Source code", link: ""}]}
                 paperContainer
-                actions={[{label: "Source code", link: ""}]}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Code/DemoWithCodeExpample.js"
+                }]}
             >
                 <Box p={1}>
                     <TaggingContext.Provider value={{setTag: () => {}, removeTag: () => {}}}>

src/pages/Components/HeadersDemo/index.js

@@ -38,6 +38,10 @@ export default function HeadersDemo() {
                 theme={"darcula"}
                 defaultExpanded
                 name={locale.headersExample}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Headers/AllHeaders.js"
+                }]}
             >
                 <Box p={2}>
                     <TaggingContext.Provider value={{

src/pages/Components/ImagesDemo/index.js

@@ -33,6 +33,10 @@ export default function ImagesDemo() {
                 theme={"darcula"}
                 paperContainer
                 defaultExpanded
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Images/ImagesOverview.js"
+                }]}
             >
                 <ImagesOverview/>
             </DemoWithCode>

src/pages/Components/ListsDemo/index.js

@@ -36,7 +36,17 @@ export default function ListsDemo() {
                 can contain
                 its content and nested list items inside ```ListItemContained``` component.
             </Markdown>
-            <DemoWithCode code={simpleListCode} paperContainer theme={"darcula"} name={"Simple list"} defaultExpanded>
+            <DemoWithCode
+                code={simpleListCode}
+                paperContainer
+                theme={"darcula"}
+                name={"Simple list"}
+                defaultExpanded
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Lists/SimpleList.js"
+                }]}
+            >
                 <Box p={2}>
                     <SimpleList/>
                 </Box>
@@ -46,15 +56,30 @@ export default function ListsDemo() {
                 You can create __nested lists__ inside ```ListItem``` component. Just place __nested items__ inside
                 ```ListItemContained``` component in ```ListItem```.
             </Markdown>
-            <DemoWithCode code={listWithNestedItemsCode} paperContainer theme={"darcula"}
-                          name={"List with nested items"}>
+            <DemoWithCode
+                code={listWithNestedItemsCode}
+                paperContainer theme={"darcula"}
+                name={"List with nested items"}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Lists/ListWithNestedItems.js"
+                }]}
+            >
                 <Box p={2}>
                     <ListWithNestedItems/>
                 </Box>
             </DemoWithCode>
 
             <Markdown>Lists can be __decorated__ with several points type.</Markdown>
-            <DemoWithCode code={decoratedListCode} paperContainer theme={"darcula"} name={"List with items decoration"}>
+            <DemoWithCode
+                code={decoratedListCode}
+                paperContainer theme={"darcula"}
+                name={"List with items decoration"}
+                actions={[{
+                    label: "GitHub source",
+                    link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Lists/DecoratedList.js"
+                }]}
+            >
                 <Box p={2}>
                     <DecoratedList/>
                 </Box>

src/pages/Components/MarkdownDemo/index.js

@@ -31,9 +31,9 @@ import codeBlockExample from "../../../examples/Markdown/CodeMD.md"
 
 
 const codeBlockExamples = {
-    "expansion-code": {code: expansionCodeBlockExample, demo: <ExpansionCodeMD/>},
-    "demo-with-code": {code: demoWithCodeBlockExample, demo: <DemoWithCodeMD/>},
-    "code": {code: codeBlockExample, demo: <CodeMD/>},
+    "expansion-code": {code: expansionCodeBlockExample, demo: <ExpansionCodeMD/>, page: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Markdown/ExpansionCodeMD.js"},
+    "demo-with-code": {code: demoWithCodeBlockExample, demo: <DemoWithCodeMD/>, page: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Markdown/DemoWithCodeMD.js"},
+    "code": {code: codeBlockExample, demo: <CodeMD/>, page: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Markdown/CodeMD.js"},
 }
 
 export default function MarkdownDemo() {
@@ -56,6 +56,7 @@ export default function MarkdownDemo() {
                 paperContainer
                 defaultExpanded
                 name={locale.overviewExample}
+                actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Markdown/MarkdownOverview.js"}]}
             >
                 <Box p={2}>
                     <TaggingContext.Provider value={{
@@ -82,6 +83,7 @@ export default function MarkdownDemo() {
                             code={demo.code}
                             theme={"darcula"}
                             paperContainer
+                            actions={[{label: "GitHub source", link: demo.page}]}
                         >
                             <Box p={2}>
                                 <TaggingContext.Provider value={{

src/pages/Components/TablesDemo/index.js

@@ -33,6 +33,7 @@ export default function TablesDemo() {
                 code={simpleTableCode}
                 paperContainer
                 defaultExpanded
+                actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Tables/SimpleTable.js"}]}
             >
                 <Box p={1}>
                     <SimpleTable/>
@@ -44,6 +45,7 @@ export default function TablesDemo() {
                 theme={"darcula"}
                 code={tableWithMarkdownCode}
                 paperContainer
+                actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/Tables/TableWithMarkdown.js"}]}
             >
                 <Box p={1}>
                     <TableWithMarkdown/>

src/pages/Components/TextStylingDemo/index.js

@@ -38,6 +38,7 @@ export default function TextStylingDemo() {
                 defaultExpanded
                 theme={"darcula"}
                 name={locale.overview}
+                actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/TextStyling/TextStylingOverview.js"}]}
             >
                 <Box p={2}>
                     <TextStylingOverview/>
@@ -50,6 +51,7 @@ export default function TextStylingDemo() {
                 code={nestedCode}
                 theme={"darcula"}
                 name={locale.nestedComponents}
+                actions={[{label: "GitHub source", link: "https://github.com/material-docs/material-docs-documentation/blob/master/src/examples/TextStyling/TextStylingNested.js"}]}
             >
                 <Box p={2}>
                     <TextStylingNested/>