Fix widget

junaid33 · Feb 28, 2020 · 2a92fc4 · 2a92fc4 · vercel · Feb 28, 2020
1 parent 6d246ba
commit 2a92fc4
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 36 deletions.
diff --git a/src/components/layout.js b/src/components/layout.js
@@ -55,6 +55,23 @@ class Layout extends React.Component {
     return (
       <Box background="#EDF2F7" minHeight="100vh">
         <Header />
+        <Box
+          as="a"
+          p={5}
+          href="https://www.producthunt.com/posts/opensource-builders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opensource-builders"
+          target="_blank"
+          // display={{ base: "none", md: "flex" }}
+          position="fixed"
+          bottom={0}
+          right={0}
+        >
+          <Box
+            as="img"
+            src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=185805&theme=dark"
+            alt="Opensource Builders - Find open-source alternatives to commercial apps | Product Hunt Embed"
+            width="200px"
+          />
+        </Box>
         {/* <header>{header}</header> */}
         <Box as="main" height="100%">
           {children}

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -252,18 +252,7 @@ const Index = ({ data, location }) => {
                 Find open-source alternatives for your favorite apps
               </Text>
             </Box>
-            <a
-              href="https://www.producthunt.com/posts/opensource-builders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opensource-builders"
-              target="_blank"
-            >
-              <Box
-                as="img"
-                src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=185805&theme=dark"
-                alt="Opensource Builders - Find open-source alternatives to commercial apps | Product Hunt Embed"
-                width="250px"
-                height="54px"
-              />
-            </a>
+
           </Box>
         </Box>
       </Box>

diff --git a/src/pages/requests.js b/src/pages/requests.js
@@ -51,18 +51,7 @@ export default () => {
                 Request open-source alternatives
               </Text>
             </Box>
-            <a
-              href="https://www.producthunt.com/posts/opensource-builders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opensource-builders"
-              target="_blank"
-            >
-              <Box
-                as="img"
-                src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=185805&theme=dark"
-                alt="Opensource Builders - Find open-source alternatives to commercial apps | Product Hunt Embed"
-                width="250px"
-                height="54px"
-              />
-            </a>
+
           </Box>
         </Box>
       </Box>

diff --git a/src/templates/blog-post.js b/src/templates/blog-post.js
@@ -99,18 +99,6 @@ class BlogPostTemplate extends React.Component {
                   On a mission to find great open-source software
                 </Text>
               </Box>
-              <a
-                href="https://www.producthunt.com/posts/opensource-builders?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-opensource-builders"
-                target="_blank"
-              >
-                <Box
-                  as="img"
-                  src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=185805&theme=dark"
-                  alt="Opensource Builders - Find open-source alternatives to commercial apps | Product Hunt Embed"
-                  width="250px"
-                  height="54px"
-                />
-              </a>
             </Box>
           </Box>
         </Box>