Inicio Explorar Axuda
Iniciar sesión
akillibulut
/
porter
réplica de https://github.com/porter-dev/porter
2
0
Fork 0
Ficheiros Incidencias 0 Wiki
Explorar o código

discord button

jusrhee %!s(int64=5) %!d(string=hai) anos
pai
39b1f87048
achega
fcb3685c31
Modificáronse 3 ficheiros con 40 adicións e 40 borrados
Dividir vista Mostrar estatísticas de Diff
  1. 1 0
      dashboard/src/assets/discord.svg
  2. 0 40
      dashboard/src/index.html
  3. 39 0
      dashboard/src/main/home/sidebar/Sidebar.tsx

+ 1 - 0
dashboard/src/assets/discord.svg
Ver ficheiro 

@@ -0,0 +1 @@
 
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#FFFFFF;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>

+ 0 - 40
dashboard/src/index.html
Ver ficheiro 

@@ -43,45 +43,5 @@
 
   </head>
 
   <body>
 
     <div id="output"></div>
 
-    <script>
 
-      window.intercomSettings = {
 
-        app_id: "gq56g49i",
 
-      };
 
-    </script>
 
-
 
-    <script>
 
-      // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/gq56g49i'
 
-      (function () {
 
-        var w = window;
 
-        var ic = w.Intercom;
 
-        if (typeof ic === "function") {
 
-          ic("reattach_activator");
 
-          ic("update", w.intercomSettings);
 
-        } else {
 
-          var d = document;
 
-          var i = function () {
 
-            i.c(arguments);
 
-          };
 
-          i.q = [];
 
-          i.c = function (args) {
 
-            i.q.push(args);
 
-          };
 
-          w.Intercom = i;
 
-          var l = function () {
 
-            var s = d.createElement("script");
 
-            s.type = "text/javascript";
 
-            s.async = true;
 
-            s.src = "https://widget.intercom.io/widget/gq56g49i";
 
-            var x = d.getElementsByTagName("script")[0];
 
-            x.parentNode.insertBefore(s, x);
 
-          };
 
-          if (w.attachEvent) {
 
-            w.attachEvent("onload", l);
 
-          } else {
 
-            w.addEventListener("load", l, false);
 
-          }
 
-        }
 
-      })();
 
-    </script>
 
   </body>
 
 </html>

+ 39 - 0
dashboard/src/main/home/sidebar/Sidebar.tsx
Ver ficheiro 

@@ -4,6 +4,7 @@ import category from "assets/category.svg";
 
 import integrations from "assets/integrations.svg";
 
 import rocket from "assets/rocket.png";
 
 import settings from "assets/settings.svg";
 
+import discordLogo from "assets/discord.svg";
 
 
 import { Context } from "shared/Context";
 
 
@@ -187,6 +188,11 @@ class Sidebar extends Component<PropsType, StateType> {
 
           <br />
 
 
           {this.renderProjectContents()}
 
+
 
+          <DiscordButton href="https://discord.gg/Tky6bzHVHd" target="_blank">
 
+            <Icon src={discordLogo} />
 
+            Join Our Discord
 
+          </DiscordButton>
 
         </StyledSidebar>
 
       </>
 
     );
 
@@ -197,6 +203,14 @@ Sidebar.contextType = Context;
 
 
 export default withRouter(Sidebar);
 
 
+const Icon = styled.img`
 
+  height: 25px;
 
+  width: 25px;
 
+  opacity: 30%;
 
+  margin-left: 7px;
 
+  margin-right: 5px;
 
+`;
 
+
 
 const ProjectPlaceholder = styled.div`
 
   background: #ffffff11;
 
   border-radius: 5px;
 
@@ -267,6 +281,31 @@ const BottomSection = styled.div`
 
   bottom: 10px;
 
 `;
 
 
+const DiscordButton = styled.a`
 
+  position: absolute;
 
+  text-decoration: none;
 
+  bottom: 15px;
 
+  display: flex;
 
+  align-items: center;
 
+  width: calc(100% - 30px);
 
+  left: 15px;
 
+  border: 2px solid #ffffff44;
 
+  border-radius: 3px;
 
+  color: #ffffff44;
 
+  height: 40px;
 
+  font-family: Work Sans, sans-serif;
 
+  font-size: 14px;
 
+  font-weight: bold;
 
+  cursor: pointer;
 
+  :hover {
 
+    >img {
 
+      opacity: 60%;
 
+    }
 
+    color: #ffffff88;
 
+    border-color: #ffffff88;
 
+  }
 
+`;
 
+
 
 const LogOutButton = styled(NavButton)`
 
   width: calc(100% - 55px);
 
   border-top-right-radius: 3px;