diff --git a/components/MarketCards.vue b/components/MarketCards.vue
index bcc9a26..4fb5ff7 100644
--- a/components/MarketCards.vue
+++ b/components/MarketCards.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { buyCard } from "~/netcode";
+import { buyCard, buyGem } from "~/netcode";
 import type { Container, Game } from "~/netcode/interfaces";
 
 export interface Props {
@@ -25,7 +25,7 @@ function marketCardClick(e: string) {
 }
 
 function fireGemCardClick(e: string) {
-  console.log(e);
+  buyGem(props.game._id);
 }
 </script>
 
diff --git a/netcode/index.ts b/netcode/index.ts
index 985018e..eeef18f 100644
--- a/netcode/index.ts
+++ b/netcode/index.ts
@@ -113,6 +113,17 @@ export async function buyCard(game: string, cardId: string) {
   );
 }
 
+export async function buyGem(game: string) {
+  const config = useRuntimeConfig();
+  await $fetch(
+    new URL(`games/${game}/turn/buyGem`, config.public.endpoint).href,
+    {
+      method: "POST",
+      credentials: "include",
+    }
+  );
+}
+
 export async function lockEffect(game: string, effectId: string) {
   const config = useRuntimeConfig();
   await $fetch(