From 9de91f99826f0a715ff531e33027fbb6152b1be4 Mon Sep 17 00:00:00 2001
From: calli <calli-eve@proton.me>
Date: Sat, 27 Dec 2025 22:44:59 +0200
Subject: [PATCH] Add partner code info

---
 README.md                                     |  8 +++++
 src/app/components/AppBar/AppBar.tsx          |  7 +++-
 .../PartnerCode/PartnerCodeButton.tsx         | 32 +++++++++++++++++++
 3 files changed, 46 insertions(+), 1 deletion(-)
 create mode 100644 src/app/components/PartnerCode/PartnerCodeButton.tsx

diff --git a/README.md b/README.md
index 72d34e1..bf77f9f 100644
--- a/README.md
+++ b/README.md
@@ -4,6 +4,14 @@ Simple tool to track your PI planet extractors. Login with your characters and e
 
 Any questions, feedback or suggestions are welcome at [EVE PI Discord](https://discord.gg/bCdXzU8PHK)
 
+## Partner code
+
+Consider using EVE partner code to support the project:
+
+```
+CALLIEVE
+```
+
 ## [Hosted PI tool](https://pi.calli.fi)
 
 ![Screenshot of PI tool](https://github.com/calli-eve/eve-pi/blob/main/images/eve-pi.png)
diff --git a/src/app/components/AppBar/AppBar.tsx b/src/app/components/AppBar/AppBar.tsx
index bc51260..72482d4 100644
--- a/src/app/components/AppBar/AppBar.tsx
+++ b/src/app/components/AppBar/AppBar.tsx
@@ -15,6 +15,7 @@ import { CCPButton } from "../CCP/CCPButton";
 import { DiscordButton } from "../Discord/DiscordButton";
 import { GitHubButton } from "../Github/GitHubButton";
 import { LoginButton } from "../Login/LoginButton";
+import { PartnerCodeButton } from "../PartnerCode/PartnerCodeButton";
 import { SettingsButton } from "../Settings/SettingsButtons";
 import {
   Button,
@@ -128,6 +129,9 @@ function ResponsiveAppBar() {
               <MenuItem onClick={handleCloseNavMenu}>
                 <CCPButton />
               </MenuItem>
+              <MenuItem onClick={handleCloseNavMenu}>
+                <PartnerCodeButton />
+              </MenuItem>
             </Menu>
           </Box>
           <PublicIcon sx={{ display: { xs: "flex", md: "none" }, mr: 1 }} />
@@ -162,12 +166,13 @@ function ResponsiveAppBar() {
             <UploadButton />
             <DiscordButton />
             <GitHubButton />
-           
+
             <SettingsButton />
             <Button onClick={() => setFaqOpen(true)} color="inherit">
               FAQ
             </Button>
             <CCPButton />
+            <PartnerCodeButton />
           </Box>
         </Toolbar>
       </Container>
diff --git a/src/app/components/PartnerCode/PartnerCodeButton.tsx b/src/app/components/PartnerCode/PartnerCodeButton.tsx
new file mode 100644
index 0000000..71b17fc
--- /dev/null
+++ b/src/app/components/PartnerCode/PartnerCodeButton.tsx
@@ -0,0 +1,32 @@
+import { Box, Button, Tooltip } from "@mui/material";
+import { useState } from "react";
+
+export const PartnerCodeButton = () => {
+  const [copied, setCopied] = useState(false);
+
+  const handleClick = () => {
+    navigator.clipboard.writeText("CALLIEVE");
+    setCopied(true);
+    setTimeout(() => setCopied(false), 2000);
+  };
+
+  return (
+    <Box>
+      <Tooltip
+        title={
+          copied
+            ? "Copied to clipboard!"
+            : "Click to copy partner code - Use for CCP purchases to support this project"
+        }
+      >
+        <Button
+          onClick={handleClick}
+          style={{ width: "100%" }}
+          sx={{ color: "white", display: "block" }}
+        >
+          Partner Code: CALLIEVE
+        </Button>
+      </Tooltip>
+    </Box>
+  );
+};