From fc9a1d1f19baaea12187f61442870cf3d2cefa37 Mon Sep 17 00:00:00 2001
From: Pedro Rodrigues <44656907+Rodriguespn@users.noreply.github.com>
Date: Mon, 15 Jan 2024 23:25:15 +0000
Subject: [PATCH] Merge/update development (#24)

* ignores .env.development and .env.production

* New hotbar, github actions and bug fixing (#23)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* Feature/landing page (#5)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Initial deployment graph app (#7)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

* Revert "Initial deploy of graph app" (#6)

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Feature/firebase (#9)

* Initial deployment graph app (#8)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* Feature/landing page (#5)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Initial deployment graph app (#7)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

* Revert "Initial deploy of graph app" (#6)

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* added google analytics to firebase configuration

* new google analytics event on search address

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Configure github actions to PR and main merge (#13)

* Initial deployment graph app (#8)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* Feature/landing page (#5)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Initial deployment graph app (#7)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

* Revert "Initial deploy of graph app" (#6)

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* added google analytics to firebase configuration

* new google analytics event on search address

* ignores .env.developement and .env.prod

* configured github action to deploy when PR merged into main and to deploy to temporary URL when PR is created

* add comments to github actions files

* set an expiration period for temporary url and fixed projectId

* new github action to deploy on merge to development environment

* rename github action file

* fixed pre build command issue

* added new comment to github actions files

* add firebase.json file

* added env variables to github actions script

* add echo command to debug

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Feature/firebase (#15)

* Initial deployment graph app (#8)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* Feature/landing page (#5)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Initial deployment graph app (#7)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

* Revert "Initial deploy of graph app" (#6)

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* added google analytics to firebase configuration

* new google analytics event on search address

* ignores .env.development and .env.production

* ignores .env.developement and .env.prod

* configured github action to deploy when PR merged into main and to deploy to temporary URL when PR is created

* add comments to github actions files

* set an expiration period for temporary url and fixed projectId

* new github action to deploy on merge to development environment

* rename github action file

* fixed pre build command issue

* added new comment to github actions files

* add firebase.json file

* added env variables to github actions script

* add echo command to debug

* removed echo command from github action

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* New hotbar and bug fixing (#22)

* Initial deployment graph app (#8)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* Feature/landing page (#5)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Initial deployment graph app (#7)

* a

* removed unused imports and comments unused variables

* Fix everything

* removed unused imports and comments unused variables

* Initial deploy of graph app (#2)

* removed unnused imports

* fixed spell errors on README

* searchbar with logo and footer v1.0

* aligned logo with search buttons and minor styling fixes

* changed analyze text, added icons to the buttons and text to footer

* fixed footer margins

* removed unused imports and comments unused variables

* removed unused imports and comments unused variables

* add github action to deploy on pull request

* fixed github actions to deploy app to firebase

* ignore -.firebase directory

* Revert "Initial deploy of graph app" (#6)

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* added google analytics to firebase configuration

* new google analytics event on search address

* ignores .env.development and .env.production

* ignores .env.developement and .env.prod

* configured github action to deploy when PR merged into main and to deploy to temporary URL when PR is created

* add comments to github actions files

* set an expiration period for temporary url and fixed projectId

* new github action to deploy on merge to development environment

* rename github action file

* fixed pre build command issue

* added new comment to github actions files

* add firebase.json file

* added env variables to github actions script

* add echo command to debug

* removed echo command from github action

* Code Organization, New Features, Bug Fixing (#14)

* Add link and layout

* Update Hotbar.tsx

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>

* Fix bugs, add social media links (#21)

* Add link and layout

* Update Hotbar.tsx

* Update Graph.tsx

* Update Hotbar.tsx

* Add social media icons

---------

Co-authored-by: Pedro Rodrigues <44656907+Rodriguespn@users.noreply.github.com>

---------

Co-authored-by: Pedro Ribeiro <47680931+tubarao312@users.noreply.github.com>
---
 package.json                                  |  2 +-
 src/assets/discord.svg                        |  1 +
 src/assets/github.svg                         |  1 +
 src/assets/linkedin.svg                       |  1 +
 src/components/Graph/Graph.tsx                |  1 +
 src/components/Graph/Hotbar/Hotbar.tsx        |  2 +-
 .../Graph/LandingPage/LandingPage.tsx         |  9 ++-
 src/components/Socials/Socials.css            |  4 ++
 src/components/Socials/Socials.tsx            | 58 +++++++++++++++++++
 src/components/Socials/index.tsx              |  3 +
 src/templates/GraphTemplate.tsx               |  2 +
 11 files changed, 80 insertions(+), 4 deletions(-)
 create mode 100644 src/assets/discord.svg
 create mode 100644 src/assets/github.svg
 create mode 100644 src/assets/linkedin.svg
 create mode 100644 src/components/Socials/Socials.css
 create mode 100644 src/components/Socials/Socials.tsx
 create mode 100644 src/components/Socials/index.tsx

diff --git a/package.json b/package.json
index 27424339..2a20f425 100644
--- a/package.json
+++ b/package.json
@@ -59,4 +59,4 @@
       "prettier-plugin-tailwindcss"
     ]
   }
-}
\ No newline at end of file
+}
diff --git a/src/assets/discord.svg b/src/assets/discord.svg
new file mode 100644
index 00000000..f9fd918b
--- /dev/null
+++ b/src/assets/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>
\ No newline at end of file
diff --git a/src/assets/github.svg b/src/assets/github.svg
new file mode 100644
index 00000000..aa05db9c
--- /dev/null
+++ b/src/assets/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg>
\ No newline at end of file
diff --git a/src/assets/linkedin.svg b/src/assets/linkedin.svg
new file mode 100644
index 00000000..c6634290
--- /dev/null
+++ b/src/assets/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg>
\ No newline at end of file
diff --git a/src/components/Graph/Graph.tsx b/src/components/Graph/Graph.tsx
index d05c1224..0e8e9fcc 100644
--- a/src/components/Graph/Graph.tsx
+++ b/src/components/Graph/Graph.tsx
@@ -564,6 +564,7 @@ const Graph: FC = () => {
         enter="transition-all duration-500 delay-500"
         enterFrom="opacity-0 scale-150"
         enterTo="opacity-100 scale-100"
+        className="h-full w-full"
       >
         {searchedAddresses.length > 0 && (
           <GraphProvider
diff --git a/src/components/Graph/Hotbar/Hotbar.tsx b/src/components/Graph/Hotbar/Hotbar.tsx
index b27bb4c9..14788250 100644
--- a/src/components/Graph/Hotbar/Hotbar.tsx
+++ b/src/components/Graph/Hotbar/Hotbar.tsx
@@ -26,7 +26,7 @@ const Hotbar: FC = () => {
   ];
 
   return (
-    <div className="mb-16 flex h-fit w-fit flex-col gap-y-1 rounded-lg bg-gray-800 p-2">
+    <div className="flex h-fit w-fit flex-col gap-y-1 rounded-lg bg-gray-800 p-2">
       {Buttons.map((button) => {
         return (
           <button
diff --git a/src/components/Graph/LandingPage/LandingPage.tsx b/src/components/Graph/LandingPage/LandingPage.tsx
index 0a498a3c..eea84a67 100644
--- a/src/components/Graph/LandingPage/LandingPage.tsx
+++ b/src/components/Graph/LandingPage/LandingPage.tsx
@@ -4,8 +4,13 @@ import { FC } from "react";
 import logo from "../../../assets/ward-logo-blue-full.svg";
 import Searchbar from "./SearchBar";
 
-// TODO - Fill this with real juicy addressess
-const PossibleAddresses: string[] = [];
+const PossibleAddresses: string[] = [
+  "0x19aa5fe80d33a56d56c78e82ea5e50e5d80b4dff",
+  "0x74487eed1e67f4787e8c0570e8d5d168a05254d4",
+  "0xd1381f89b4feea63e9c6bc97dc9fc2b0c96bf12f",
+  "0x3f5ce5fbfe3e9af3971dd833d26ba9b5c936f0be",
+  "0x12d66f87a04a9e220743712ce6d9bb1b5616b8fc",
+];
 
 interface LandingPageProps {
   setSearchedAddress: (address: string) => void;
diff --git a/src/components/Socials/Socials.css b/src/components/Socials/Socials.css
new file mode 100644
index 00000000..66af9cc8
--- /dev/null
+++ b/src/components/Socials/Socials.css
@@ -0,0 +1,4 @@
+.custom-svg-color {
+  filter: brightness(0) saturate(100%) invert(20%) sepia(100%) saturate(7500%)
+    hue-rotate(345deg) brightness(100%) contrast(100%);
+}
diff --git a/src/components/Socials/Socials.tsx b/src/components/Socials/Socials.tsx
new file mode 100644
index 00000000..f2d50f0b
--- /dev/null
+++ b/src/components/Socials/Socials.tsx
@@ -0,0 +1,58 @@
+import { FC } from "react";
+import clsx from "clsx";
+
+import discord from "../../assets/discord.svg";
+import github from "../../assets/github.svg";
+import linkedin from "../../assets/linkedin.svg";
+
+interface Social {
+  name: string;
+  Icon: string;
+  link: string;
+}
+
+const SocialList: Social[] = [
+  {
+    name: "Github",
+    Icon: github,
+    link: "https://github.com/WardAnalytics/WardGraph",
+  },
+  {
+    name: "Discord",
+    Icon: discord,
+    link: "https://discord.gg/4ZzgeUwa",
+  },
+  {
+    name: "LinkedIn",
+    Icon: linkedin,
+    link: "https://www.linkedin.com/company/wardanalytics/",
+  },
+];
+
+const SocialButton: FC<Social> = ({ name, Icon, link }) => {
+  return (
+    <a href={link} target="_blank" rel="noreferrer">
+      <img
+        src={Icon}
+        alt={`${name} Icon`}
+        className="h-8 w-8 rounded-full p-1 opacity-50 backdrop-blur-sm transition-all duration-200 hover:opacity-70"
+      />
+    </a>
+  );
+};
+
+interface SocialsProps {
+  className?: string;
+}
+
+const Socials: FC<SocialsProps> = ({ className }) => {
+  return (
+    <div className={clsx("flex flex-row gap-x-2", className)}>
+      {SocialList.map((social) => {
+        return <SocialButton {...social} key={social.name} />;
+      })}
+    </div>
+  );
+};
+
+export default Socials;
diff --git a/src/components/Socials/index.tsx b/src/components/Socials/index.tsx
new file mode 100644
index 00000000..1c22d09a
--- /dev/null
+++ b/src/components/Socials/index.tsx
@@ -0,0 +1,3 @@
+import Socials from "./Socials";
+
+export default Socials;
diff --git a/src/templates/GraphTemplate.tsx b/src/templates/GraphTemplate.tsx
index 6f363048..488b5cd9 100644
--- a/src/templates/GraphTemplate.tsx
+++ b/src/templates/GraphTemplate.tsx
@@ -1,10 +1,12 @@
 import { FC } from "react";
 import Graph from "../components/Graph";
+import Socials from "../components/Socials";
 
 const GraphTemplate: FC = () => {
   return (
     <div className="h-screen w-screen">
       <Graph />
+      <Socials className="absolute bottom-0 right-0 m-4" />
     </div>
   );
 };