From 8e3e26f677f1fcaf694f9f2c1bbcbf3813caf8fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Wed, 4 Sep 2024 22:25:15 -0500
Subject: [PATCH] feat: opentest plug

---
 .../[id]/components/Model/MetaSection/index.tsx  | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/app/tools/tankopedia/[id]/components/Model/MetaSection/index.tsx b/src/app/tools/tankopedia/[id]/components/Model/MetaSection/index.tsx
index 81b2cb53d..9e64f8499 100644
--- a/src/app/tools/tankopedia/[id]/components/Model/MetaSection/index.tsx
+++ b/src/app/tools/tankopedia/[id]/components/Model/MetaSection/index.tsx
@@ -3,9 +3,11 @@ import { Button, Code, Dialog, Flex } from '@radix-ui/themes';
 import { use, useState } from 'react';
 import { classIcons } from '../../../../../../../components/ClassIcon';
 import { Link } from '../../../../../../../components/Link';
+import { ScienceIcon } from '../../../../../../../components/ScienceIcon';
 import { asset } from '../../../../../../../core/blitzkit/asset';
 import { modelDefinitions } from '../../../../../../../core/blitzkit/modelDefinitions';
 import { provisionDefinitions } from '../../../../../../../core/blitzkit/provisionDefinitions';
+import { assertSecret } from '../../../../../../../core/blitzkit/secret';
 import { tankToDuelMember } from '../../../../../../../core/blitzkit/tankToDuelMember';
 import strings from '../../../../../../../lang/en-US.json';
 import * as App from '../../../../../../../stores/app';
@@ -32,7 +34,7 @@ export function MetaSection() {
   return (
     <Flex justify="center" align="center">
       <Flex direction="column" align="center" gap="6">
-        <Flex gap="2">
+        <Flex gap="2" wrap="wrap" justify="center" align="center">
           <Link href="/tools/tankopedia">
             <Button variant="outline">
               <ChevronLeftIcon />
@@ -47,6 +49,18 @@ export function MetaSection() {
             </Button>
           </Link>
 
+          {assertSecret(process.env.NEXT_PUBLIC_PROMOTE_OPENTEST) ===
+            'true' && (
+            <Link
+              href={`https://opentest.blitzkit.app/tools/tankopedia/${protagonist.id}`}
+            >
+              <Button variant="outline" color="green">
+                <ScienceIcon height="1.25em" width="1.25em" />
+                OpenTest
+              </Button>
+            </Link>
+          )}
+
           <Dialog.Root open={showSwapDialog} onOpenChange={setShowSwapDialog}>
             <Dialog.Trigger>
               <Button>