From d416c8a756102a4f5a3e92b821f7d11c6290777e Mon Sep 17 00:00:00 2001
From: greenart7c3 <greenart7c3@proton.me>
Date: Sun, 12 May 2024 17:53:41 -0300
Subject: [PATCH 1/4] if on android use citrine url for cache relay

---
 src/views/relays/cache/index.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/views/relays/cache/index.tsx b/src/views/relays/cache/index.tsx
index 26b0d4687..94df47994 100644
--- a/src/views/relays/cache/index.tsx
+++ b/src/views/relays/cache/index.tsx
@@ -105,11 +105,13 @@ function NostrRelayTray() {
     location.reload();
   };
 
+  const githubUrl = navigator.userAgent.includes("Android") ? "https://github.com/greenart7c3/Citrine" : "https://github.com/CodyTseng/nostr-relay-tray"
+
   return (
     <Card borderColor={enabled ? "primary.500" : undefined} variant="outline">
       <CardHeader p="4" display="flex" gap="2" alignItems="center">
         <Heading size="md">Nostr Relay Tray</Heading>
-        <Link color="blue.500" href="https://github.com/CodyTseng/nostr-relay-tray" isExternal>
+        <Link color="blue.500" href={`${githubUrl}`} isExternal>
           GitHub
         </Link>
         {available ? (
@@ -120,7 +122,7 @@ function NostrRelayTray() {
           <Button
             as={Link}
             isExternal
-            href="https://github.com/CodyTseng/nostr-relay-tray"
+            href={`${githubUrl}`}
             colorScheme="blue"
             size="sm"
             ml="auto"

From 3451d12b652e8d798b57bd0d001fe0f93d44578a Mon Sep 17 00:00:00 2001
From: greenart7c3 <greenart7c3@proton.me>
Date: Mon, 13 May 2024 07:04:55 -0300
Subject: [PATCH 2/4] change app name

---
 src/views/relays/cache/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/relays/cache/index.tsx b/src/views/relays/cache/index.tsx
index 94df47994..2cac77ead 100644
--- a/src/views/relays/cache/index.tsx
+++ b/src/views/relays/cache/index.tsx
@@ -106,11 +106,12 @@ function NostrRelayTray() {
   };
 
   const githubUrl = navigator.userAgent.includes("Android") ? "https://github.com/greenart7c3/Citrine" : "https://github.com/CodyTseng/nostr-relay-tray"
+  const appName = navigator.userAgent.includes("Android") ? "Citrine" : "Nostr Relay Tray"
 
   return (
     <Card borderColor={enabled ? "primary.500" : undefined} variant="outline">
       <CardHeader p="4" display="flex" gap="2" alignItems="center">
-        <Heading size="md">Nostr Relay Tray</Heading>
+        <Heading size="md">{appName}</Heading>
         <Link color="blue.500" href={`${githubUrl}`} isExternal>
           GitHub
         </Link>

From 99a0b628a7cd0246ef52b98bb80c9b3e9ccb5556 Mon Sep 17 00:00:00 2001
From: greenart7c3 <greenart7c3@proton.me>
Date: Mon, 13 May 2024 07:08:59 -0300
Subject: [PATCH 3/4] change description

---
 src/views/relays/cache/index.tsx | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/src/views/relays/cache/index.tsx b/src/views/relays/cache/index.tsx
index 2cac77ead..cb7121cd7 100644
--- a/src/views/relays/cache/index.tsx
+++ b/src/views/relays/cache/index.tsx
@@ -105,8 +105,9 @@ function NostrRelayTray() {
     location.reload();
   };
 
-  const githubUrl = navigator.userAgent.includes("Android") ? "https://github.com/greenart7c3/Citrine" : "https://github.com/CodyTseng/nostr-relay-tray"
-  const appName = navigator.userAgent.includes("Android") ? "Citrine" : "Nostr Relay Tray"
+  const isAndroid = navigator.userAgent.includes("Android")
+  const githubUrl = isAndroid ? "https://github.com/greenart7c3/Citrine" : "https://github.com/CodyTseng/nostr-relay-tray"
+  const appName = isAndroid ? "Citrine" : "Nostr Relay Tray"
 
   return (
     <Card borderColor={enabled ? "primary.500" : undefined} variant="outline">
@@ -132,11 +133,21 @@ function NostrRelayTray() {
           </Button>
         )}
       </CardHeader>
-      <CardBody p="4" pt="0">
-        <Text mb="2">A cool little app that runs a local relay in your systems tray</Text>
-        <Text>Maximum capacity: Unlimited</Text>
-        <Text>Performance: As fast as your computer</Text>
-      </CardBody>
+        {
+          isAndroid ? (
+            <CardBody p="4" pt="0">
+            <Text mb="2">A cool little app that runs a local relay in your phone</Text>
+            <Text>Maximum capacity: Unlimited</Text>
+            <Text>Performance: As fast as your phone</Text>
+            </CardBody>
+          ) : (
+            <CardBody p="4" pt="0">
+            <Text mb="2">A cool little app that runs a local relay in your systems tray</Text>
+            <Text>Maximum capacity: Unlimited</Text>
+            <Text>Performance: As fast as your computer</Text>
+            </CardBody>
+          )
+        }
     </Card>
   );
 }

From b6c7aeac430956ef2907b3bd1cec865b8eaddebf Mon Sep 17 00:00:00 2001
From: greenart7c3 <greenart7c3@proton.me>
Date: Mon, 20 May 2024 07:13:13 -0300
Subject: [PATCH 4/4] Create citrine relay component

---
 src/views/relays/cache/index.tsx | 80 +++++++++++++++++++++++---------
 1 file changed, 57 insertions(+), 23 deletions(-)

diff --git a/src/views/relays/cache/index.tsx b/src/views/relays/cache/index.tsx
index cb7121cd7..e01a337b4 100644
--- a/src/views/relays/cache/index.tsx
+++ b/src/views/relays/cache/index.tsx
@@ -105,15 +105,11 @@ function NostrRelayTray() {
     location.reload();
   };
 
-  const isAndroid = navigator.userAgent.includes("Android")
-  const githubUrl = isAndroid ? "https://github.com/greenart7c3/Citrine" : "https://github.com/CodyTseng/nostr-relay-tray"
-  const appName = isAndroid ? "Citrine" : "Nostr Relay Tray"
-
   return (
     <Card borderColor={enabled ? "primary.500" : undefined} variant="outline">
       <CardHeader p="4" display="flex" gap="2" alignItems="center">
-        <Heading size="md">{appName}</Heading>
-        <Link color="blue.500" href={`${githubUrl}`} isExternal>
+        <Heading size="md">Nostr Relay Tray</Heading>
+        <Link color="blue.500" href="https://github.com/CodyTseng/nostr-relay-tray" isExternal>
           GitHub
         </Link>
         {available ? (
@@ -124,7 +120,7 @@ function NostrRelayTray() {
           <Button
             as={Link}
             isExternal
-            href={`${githubUrl}`}
+            href="https://github.com/CodyTseng/nostr-relay-tray"
             colorScheme="blue"
             size="sm"
             ml="auto"
@@ -133,21 +129,53 @@ function NostrRelayTray() {
           </Button>
         )}
       </CardHeader>
-        {
-          isAndroid ? (
-            <CardBody p="4" pt="0">
-            <Text mb="2">A cool little app that runs a local relay in your phone</Text>
-            <Text>Maximum capacity: Unlimited</Text>
-            <Text>Performance: As fast as your phone</Text>
-            </CardBody>
-          ) : (
-            <CardBody p="4" pt="0">
-            <Text mb="2">A cool little app that runs a local relay in your systems tray</Text>
-            <Text>Maximum capacity: Unlimited</Text>
-            <Text>Performance: As fast as your computer</Text>
-            </CardBody>
-          )
-        }
+        <CardBody p="4" pt="0">
+        <Text mb="2">A cool little app that runs a local relay in your systems tray</Text>
+        <Text>Maximum capacity: Unlimited</Text>
+        <Text>Performance: As fast as your computer</Text>
+        </CardBody>
+    </Card>
+  );
+}
+
+function CitrineRelay() {
+  const { value: available, loading: checking } = useAsync(checkNostrRelayTray);
+
+  const enabled = localRelay?.url.startsWith(NOSTR_RELAY_TRAY_URL);
+  const enable = () => {
+    localStorage.setItem("localRelay", NOSTR_RELAY_TRAY_URL);
+    location.reload();
+  };
+
+  return (
+    <Card borderColor={enabled ? "primary.500" : undefined} variant="outline">
+      <CardHeader p="4" display="flex" gap="2" alignItems="center">
+        <Heading size="md">Citrine</Heading>
+        <Link color="blue.500" href="https://github.com/greenart7c3/Citrine" isExternal>
+          GitHub
+        </Link>
+        {available ? (
+          <Button size="sm" colorScheme="primary" ml="auto" isLoading={checking} onClick={enable} isDisabled={enabled}>
+            {enabled ? "Enabled" : "Enable"}
+          </Button>
+        ) : (
+          <Button
+            as={Link}
+            isExternal
+            href="https://github.com/greenart7c3/Citrine"
+            colorScheme="blue"
+            size="sm"
+            ml="auto"
+          >
+            Get the app
+          </Button>
+        )}
+      </CardHeader>
+        <CardBody p="4" pt="0">
+        <Text mb="2">A cool little app that runs a local relay in your phone</Text>
+        <Text>Maximum capacity: Unlimited</Text>
+        <Text>Performance: As fast as your phone</Text>
+        </CardBody>
     </Card>
   );
 }
@@ -274,7 +302,13 @@ export default function CacheRelayView() {
       </Text>
       <InternalRelay />
       {WasmRelay.SUPPORTED && <WasmWorkerRelay />}
-      <NostrRelayTray />
+      {
+        navigator.userAgent.includes("Android") ? (
+          <CitrineRelay />
+        ) : (
+          <NostrRelayTray />
+        )
+      }
       {window.satellite && <SatelliteRelay />}
       {window.CACHE_RELAY_ENABLED && <HostedRelay />}
       <Button w="full" variant="link" p="4" onClick={showAdvanced.onToggle}>