Merge pull request #163 from timantmedia/docusaurus-swizzle-footer

Docusaurus swizzle footer

docs/guides/installing-on-linux/installing-ams-on-linux.md

@@ -192,3 +192,5 @@ sudo sh -c "iptables-save >` /etc/iptables/rules.v4"
 ## Please watch the quick installation of Ant Media Server.
 
 <iframe width="560" height="315" src="https://www.youtube.com/embed/0m27oDIb95s" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+

docs/guides/installing-on-linux/setting-up-ssl.md

@@ -173,3 +173,4 @@ https://example.com:5443
 ```
 
 Note that if port 80 is used by another process or it's forwarded to another port, the `enable_ssl.sh` command will not be successful. Please disable the process or delete the port forwarding temporarily before running the `enable_ssl.sh` script above.
+

docs/guides/installing-on-linux/upgrading-ant-media-server.md

@@ -49,4 +49,4 @@ sudo rm -rf /usr/local/antmedia
 sudo cp -p -R /usr/local/antmedia-backup_folder/ /usr/local/antmedia
 sudo chown -R antmedia:antmedia /usr/local/antmedia/
 sudo systemctl start antmedia
-```
+```

docs/introduction.md

@@ -135,3 +135,4 @@ You can also ask your questions in [Discussions Q&A](https://github.com/orgs/ant
 ## Contact
 
 For more information and to read our latest [blog posts](https://antmedia.io/blog/) visit [antmedia.io](https://antmedia.io/). If you have any questions, please send an email to [[email protected]](mailto:[email protected]). Support inquiries should go to [[email protected]](mailto:[email protected]).
+

docusaurus.config.js

@@ -118,14 +118,14 @@ const config = {
         }
       ],
     },
-  ], 
+  ], /*
   [
     'docusaurus-pushfeedback',{
         project: '7i7jw6ovwx',
         "button-position": 'bottom-right',
         "button-style": "dark"
     }
-  ]
+  ]*/
   ],
 
   themeConfig:

package.json

@@ -24,6 +24,7 @@
     "docusaurus-lunr-search": "^2.3.2",
     "docusaurus-pushfeedback": "^0.1.6",
     "prism-react-renderer": "^1.3.5",
+    "pushfeedback-react": "^0.1.20",
     "rc-util": "^5.37.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

src/theme/Footer/index.js

@@ -0,0 +1,24 @@
+import React, {useEffect} from 'react';
+import Footer from '@theme-original/Footer';
+
+import { FeedbackButton } from 'pushfeedback-react';
+import { defineCustomElements } from 'pushfeedback/loader';
+import 'pushfeedback/dist/pushfeedback/pushfeedback.css';
+
+export default function FooterWrapper(props) {
+
+useEffect(() => {
+    if (typeof window !== 'undefined') {
+    defineCustomElements(window);
+    }
+}, []);
+
+return (
+    <>
+      <div style={{"width": "220px", "margin":"15px auto", "padding": "1em"}}>
+        <FeedbackButton project="7i7jw6ovwx" button-position="center-center" modal-position="bottom-right" button-style="dark">Share feedback</FeedbackButton>
+      </div>
+    <Footer {...props} />
+    </>
+)
+}  

src/theme/MDXComponents.js

@@ -10,5 +10,5 @@ export default {
   // Map the "highlight" tag to our <Highlight /> component!
   // `Highlight` will receive all props that were passed to `highlight` in MDX
   VideoPlayer: VideoPlayer,
-  InfoBox: InfoBox
+  InfoBox: InfoBox, 
 };