Merge pull request #49 from LasCC/Design-front

Update 🙄
LasCC · Aug 4, 2020 · 197e94c · 197e94c
2 parents c153822 + 03739a7
commit 197e94c
Show file tree

Hide file tree

Showing 9 changed files with 209 additions and 91 deletions.
diff --git a/README.md b/README.md
@@ -2,7 +2,7 @@
 <img alt="logo_hack_tools" src="https://i.imgur.com/evnvda2.png" />
 <h1>Welcome to HackTools 🛠</h1>
 <p>
-  <img alt="Version" src="https://img.shields.io/badge/version-0.1.1-blue.svg?cacheSeconds=2592000" />
+  <img alt="Version" src="https://img.shields.io/badge/version-0.1.2-blue.svg?cacheSeconds=2592000" />
   <img alt="release" src="https://img.shields.io/github/v/release/LasCC/Hack-Tools?color=yellow" />
   <a href="https://addons.mozilla.org/en-US/firefox/addon/hacktools" target="_blank">
 	<img alt="mozilla" src="https://img.shields.io/amo/v/hacktools?color=purple&label=mozilla%20addons&logo=mozilla" />

diff --git a/src/assets/img/icons/iconfont.js b/src/assets/img/icons/iconfont.js
diff --git a/src/components/AboutUs.js b/src/components/AboutUs.js
@@ -48,13 +48,13 @@ export default (props) => {
           HackTools is created by Ludovic COULON and Riadh BOUCHAHOUA
         </Paragraph>
         <a
-          href='https://www.buymeacoffee.com/hacktools'
+          href='https://www.paypal.com/paypalme/hacktoolsEXT'
           target='_blank'
           rel='noreferrer noopener'
         >
           <img
             src='https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png'
-            alt='Buy Me A Coffee'
+            alt='Paypal'
             style={{
               height: 41,
               width: 174,

diff --git a/src/components/LayoutApp.js b/src/components/LayoutApp.js
@@ -94,77 +94,91 @@ export default (props) => {
           >
             Useful Linux commands
           </Menu.Item>
-          <SubMenu
-            key='sub1'
+          <Menu.Item
+            key='5'
+            icon={
+              <IconFont
+                style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-l-file'
+              />
+            }
+            onClick={() => goTo(LFI)}
+          >
+            LFI
+          </Menu.Item>
+          <Menu.Item
+            key='6'
             icon={
               <IconFont
-                type='icon-html-'
                 style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-js'
               />
             }
-            title='Web'
+            onClick={() => goTo(XSS)}
           >
-            <Menu.Item
-              key='5'
-              icon={<IconFont type='icon-l-file' />}
-              onClick={() => goTo(LFI)}
-            >
-              LFI
-            </Menu.Item>
-            <Menu.Item
-              key='6'
-              icon={<IconFont type='icon-js' />}
-              onClick={() => goTo(XSS)}
-            >
-              XSS
-            </Menu.Item>
-            <Menu.Item
-              key='7'
-              icon={<IconFont type='icon-sql' />}
-              onClick={() => goTo(SQLi)}
-            >
-              SQL Injection
-            </Menu.Item>
-          </SubMenu>
-          <SubMenu
-            key='sub2'
+            XSS
+          </Menu.Item>
+          <Menu.Item
+            key='7'
             icon={
               <IconFont
-                type='icon-sort_others'
                 style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-sql'
               />
             }
-            title='Other'
+            onClick={() => goTo(SQLi)}
           >
-            <Menu.Item
-              key='8'
-              icon={<IconFont type='icon-jiemaleixing' />}
-              onClick={() => goTo(Base64Encode)}
-            >
-              Base64 Encoder / Decoder
-            </Menu.Item>
-            <Menu.Item
-              key='9'
-              icon={<IconFont type='icon-hash' />}
-              onClick={() => goTo(Hashing)}
-            >
-              Hashing
-            </Menu.Item>
-            <Menu.Item
-              key='10'
-              icon={<IconFont type='icon-url' />}
-              onClick={() => goTo(URLDecode)}
-            >
-              URL Encoder / Decoder
-            </Menu.Item>
-            <Menu.Item
-              key='11'
-              icon={<IconFont type='icon-hexo' />}
-              onClick={() => goTo(HexEncode)}
-            >
-              Hexadecimal Encoder / Decoder
-            </Menu.Item>
-          </SubMenu>
+            SQL Injection
+          </Menu.Item>
+          <Menu.Item
+            key='8'
+            icon={
+              <IconFont
+                style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-jiemaleixing'
+              />
+            }
+            onClick={() => goTo(Base64Encode)}
+          >
+            Base64 Encoder / Decoder
+          </Menu.Item>
+          <Menu.Item
+            key='9'
+            icon={
+              <IconFont
+                style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-hash'
+              />
+            }
+            onClick={() => goTo(Hashing)}
+          >
+            Hashing
+          </Menu.Item>
+          <Menu.Item
+            key='10'
+            icon={
+              <IconFont
+                style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-url'
+              />
+            }
+            onClick={() => goTo(URLDecode)}
+          >
+            URL Encoder / Decoder
+          </Menu.Item>
+          <Menu.Item
+            key='11'
+            icon={
+              <IconFont
+                style={{ fontSize: "1.5em", marginTop: 3 }}
+                type='icon-hexo'
+              />
+            }
+            onClick={() => goTo(HexEncode)}
+          >
+            Hexadecimal Encoder / Decoder
+          </Menu.Item>
+
           <Menu.Item
             key='12'
             icon={
@@ -194,6 +208,7 @@ export default (props) => {
           <Paragraph style={{ textAlign: "center" }}>
             Ludovic COULON - Riadh BOUCHAHOUA
           </Paragraph>
+          <pre style={{ textAlign: "center" }}>HackTools Version - 0.1.2</pre>
         </Footer>
       </Layout>
     </Layout>

diff --git a/src/components/LinuxCommands.js b/src/components/LinuxCommands.js
@@ -115,7 +115,7 @@ export default (props) => {
   return (
     <QueueAnim delay={300} duration={1500}>
       <Title
-        variant="Title level={3}"
+        variant='Title level={3}'
         style={{ fontWeight: "bold", margin: 15 }}
       >
         Useful Linux command for your Penetration Testing
@@ -125,54 +125,54 @@ export default (props) => {
       </Paragraph>
       <Divider dashed />
       <div
-        key="a"
+        key='a'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>SUID Commands</Title>
         {Suid.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="b"
+        key='b'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>What version of the system ?</Title>
         {VersionSystem.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="c"
+        key='c'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>What is its kernel version ?</Title>
         {KernelVersion.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <div
-        key="d"
+        key='d'
         style={{
           padding: 15,
         }}
@@ -181,15 +181,15 @@ export default (props) => {
         <Title level={3}>What is the environment variables ?</Title>
         {EnvironmentVariables.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="e"
+        key='e'
         style={{
           padding: 15,
         }}
@@ -199,31 +199,31 @@ export default (props) => {
         </Title>
         {ServiceSettings.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="f"
+        key='f'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>Is there any cron jobs ?</Title>
         {CronJobs.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="g"
+        key='g'
         style={{
           padding: 15,
         }}
@@ -233,39 +233,39 @@ export default (props) => {
         </Title>
         {UsersHost.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="h"
+        key='h'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>How to port forwarding ?</Title>
         {PortForwarding.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );
         })}
       </div>
       <Divider dashed />
       <div
-        key="h"
+        key='h'
         style={{
           padding: 15,
         }}
       >
         <Title level={3}>TAR wildcard cronjob privilege escalation </Title>
         {wildcardPrivesc.map((k, i) => {
           return (
-            <Paragraph key={i} copyable>
+            <Paragraph key={i} copyable ellipsis={true}>
               {k.title}
             </Paragraph>
           );

diff --git a/src/components/encoding/Base64Encode.js b/src/components/encoding/Base64Encode.js
@@ -1,6 +1,10 @@
 import React, { useState } from "react";
 import { Button, Input, Typography, message, Divider } from "antd";
-import { CopyOutlined, createFromIconfontCN } from "@ant-design/icons";
+import {
+  CopyOutlined,
+  createFromIconfontCN,
+  ClearOutlined,
+} from "@ant-design/icons";
 import Clipboard from "react-clipboard.js";
 import QueueAnim from "rc-queue-anim";
 
@@ -67,7 +71,7 @@ const Base64Encode = () => {
           Encode
         </Button>
         <Button
-          type='primary'
+          type='dashed'
           style={{ marginBottom: 10, marginTop: 15, marginLeft: 15 }}
           onClick={() => handleClick("decode")}
         >
@@ -86,7 +90,7 @@ const Base64Encode = () => {
           rows={4}
           value={output}
           style={{ cursor: "auto", marginTop: 15, color: "#777" }}
-          placeholder='Output'
+          placeholder='The results will appear here'
         />
         <Clipboard component='a' data-clipboard-text={output}>
           <Button
@@ -97,6 +101,14 @@ const Base64Encode = () => {
             <CopyOutlined /> Copy
           </Button>
         </Clipboard>
+        <Button
+          type='link'
+          danger
+          style={{ marginBottom: 10, marginTop: 15 }}
+          onClick={() => setOutput("")}
+        >
+          <ClearOutlined /> Clear
+        </Button>
       </div>
     </QueueAnim>
   );