Added a Github project link

predatorray · Dec 11, 2024 · c0aac7a · c0aac7a
1 parent 87abcde
commit c0aac7a
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 0 deletions.
diff --git a/public/github-mark-white.svg b/public/github-mark-white.svg
diff --git a/src/App.css b/src/App.css
@@ -37,6 +37,25 @@
   }
 }
 
+.github-project-link {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+
+  margin-left: 16px;
+  margin-bottom: 10px;
+}
+
+.github-project-link > img {
+  height: 20px;
+  width: 20px;
+  opacity: 0.5;
+}
+
+.github-project-link:hover > img {
+  opacity: 1;
+}
+
 .room-link {
   margin-top: 5px;
   color: #fff;

diff --git a/src/components/GithubProjectLink.tsx b/src/components/GithubProjectLink.tsx
@@ -0,0 +1,7 @@
+export default function GithubProjectLink() {
+  return (
+    <a title="Fork me on Github" className="github-project-link" href="https://github.com/predatorray/mental-texas-holdem" target="_blank" rel="noopener noreferrer">
+      <img src={`${process.env.PUBLIC_URL}/github-mark-white.svg`} alt="Github Project} Link"/>
+    </a>
+  );
+}
diff --git a/src/components/TexasHoldemGameTable.tsx b/src/components/TexasHoldemGameTable.tsx
@@ -14,6 +14,7 @@ import PlayerAvatar from "./PlayerAvatar";
 import MessageBar from "./MessageBar";
 import useChatRoom from "../lib/useChatRoom";
 import useEventLogs from "../lib/texas-holdem/useEventLogs";
+import GithubProjectLink from "./GithubProjectLink";
 
 function RoomLink(props: {
   playerId: string;
@@ -240,6 +241,7 @@ export default function TexasHoldemGameTable() {
 
   return (
     <div className="App">
+      <GithubProjectLink/>
       {
         (!players && playerId) && (
           <div className="opponents">