From f8f712ad5dbf197ca82a68e76969eddca016347c Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 20 Sep 2023 20:47:03 +0800
Subject: [PATCH] Add service version to project infra page

---
 .../Infrastructure/InfrastructureInfo.tsx      | 18 +++++++++++++++---
 studio/types/base.ts                           |  1 +
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/studio/components/interfaces/Settings/Infrastructure/InfrastructureInfo.tsx b/studio/components/interfaces/Settings/Infrastructure/InfrastructureInfo.tsx
index ddd6c3498f2..eeee9ea9eff 100644
--- a/studio/components/interfaces/Settings/Infrastructure/InfrastructureInfo.tsx
+++ b/studio/components/interfaces/Settings/Infrastructure/InfrastructureInfo.tsx
@@ -65,8 +65,8 @@ const InfrastructureInfo = () => {
         </ScaffoldSection>
         <ScaffoldSection className="!pt-0">
           <ScaffoldSectionDetail>
-            <p>Postgres</p>
-            <p className="text-scale-1000 text-sm">Information on your Postgres instance</p>
+            <p>Service Versions</p>
+            <p className="text-scale-1000 text-sm">Information on your provisioned instance</p>
           </ScaffoldSectionDetail>
           <ScaffoldSectionContent>
             {isLoadingUpgradeEligibility && <GenericSkeletonLoader />}
@@ -75,11 +75,23 @@ const InfrastructureInfo = () => {
             )}
             {isSuccessUpgradeEligibility && (
               <>
+                <Input
+                  readOnly
+                  disabled
+                  label="GoTrue version"
+                  value={project?.serviceVersions.gotrue ?? ''}
+                />
+                <Input
+                  readOnly
+                  disabled
+                  label="PostgREST version"
+                  value={project?.serviceVersions.postgrest ?? ''}
+                />
                 <Input
                   readOnly
                   disabled
                   value={currentPgVersion}
-                  label="Current version"
+                  label="Postgres version"
                   actions={[
                     isOnLatestVersion && (
                       <Tooltip.Root key="tooltip-latest" delayDuration={0}>
diff --git a/studio/types/base.ts b/studio/types/base.ts
index e19dccda4e8..a7015595a1e 100644
--- a/studio/types/base.ts
+++ b/studio/types/base.ts
@@ -35,6 +35,7 @@ export interface Project extends ProjectBase {
   maxDatabasePreprovisionGb?: string | null
   parent_project_ref?: string
   is_branch_enabled?: boolean
+  serviceVersions: { gotrue: string; postgrest: string; 'supabase-postgres': string }
 
   /**
    * postgrestStatus is available on client side only.