style: rename color

packages/backend/src/database.ts

@@ -34,8 +34,9 @@ const nanoid = customAlphabet(lowercase + numbers, 8);
 // TODO: Fix order of methods
 export class Database {
   private dataSource: DataSource;
+  private projectDomain: string;
 
-  constructor({ dbPath }: DatabaseConfig) {
+  constructor({ dbPath }: DatabaseConfig, { projectDomain }: MiscConfig) {
     this.dataSource = new DataSource({
       type: 'better-sqlite3',
       database: dbPath,
@@ -43,6 +44,8 @@ export class Database {
       synchronize: true,
       logging: false
     });
+
+    this.projectDomain = projectDomain;
   }
 
   async init(): Promise<void> {
@@ -488,13 +491,13 @@ export class Database {
     return projectRepository.save(newProject);
   }
 
-  async saveProject(project: Project): Promise<Project> {
+  async saveProject (project: Project): Promise<Project> {
     const projectRepository = this.dataSource.getRepository(Project);
 
     return projectRepository.save(project);
   }
 
-  async updateProjectById(
+  async updateProjectById (
     projectId: string,
     data: DeepPartial<Project>
   ): Promise<boolean> {
@@ -580,22 +583,17 @@ export class Database {
     return domains;
   }
 
-  async addDeployer(data: DeepPartial<Deployer>): Promise<Deployer> {
+  async addDeployer (data: DeepPartial<Deployer>): Promise<Deployer> {
     const deployerRepository = this.dataSource.getRepository(Deployer);
     const newDomain = await deployerRepository.save(data);
 
     return newDomain;
   }
 
-  async getDeployers(): Promise<Deployer[]> {
+  async getDeployerById (deployerId: string): Promise<Deployer | null> {
     const deployerRepository = this.dataSource.getRepository(Deployer);
-    const deployers = await deployerRepository.find();
-    return deployers;
-  }
 
-  async getDeployerByLRN(deployerLrn: string): Promise<Deployer | null> {
+    const deployer = await deployerRepository.findOne({ where: { deployerId } });
-    const deployerRepository = this.dataSource.getRepository(Deployer);
-    const deployer = await deployerRepository.findOne({ where: { deployerLrn } });
 
     return deployer;
   }

packages/backend/src/entity/Deployer.ts

@@ -4,10 +4,10 @@ import { Project } from './Project';
 @Entity()
 export class Deployer {
   @PrimaryColumn('varchar')
-    deployerLrn!: string;
+    deployerId!: string;
 
   @Column('varchar')
-    deployerId!: string;
+    deployerLrn!: string;
 
   @Column('varchar')
     deployerApiUrl!: string;

packages/backend/src/entity/Deployment.ts

@@ -129,7 +129,7 @@ export class Deployment {
     applicationDeploymentRemovalRecordData!: AppDeploymentRemovalRecordAttributes | null;
 
   @ManyToOne(() => Deployer)
-  @JoinColumn({ name: 'deployerLrn' })
+  @JoinColumn({ name: 'deployerId' })
     deployer!: Deployer;
 
   @Column({

packages/backend/src/index.ts

@@ -25,7 +25,7 @@ export const main = async (): Promise<void> => {
     clientSecret: gitHub.oAuth.clientSecret,
   });
 
-  const db = new Database(database);
+  const db = new Database(database, misc);
   await db.init();
 
   const registry = new Registry(registryConfig);

packages/backend/src/registry.ts

@@ -283,7 +283,6 @@ export class Registry {
       this.registryConfig.privateKey,
       fee
     );
-
     log(`Application deployment request record published: ${result.id}`);
     log('Application deployment request data:', applicationDeploymentRequest);
 

packages/backend/src/resolvers.ts

@@ -76,10 +76,6 @@ export const createResolvers = async (service: Service): Promise<any> => {
       ) => {
         return service.getAuctionData(auctionId);
       },
-
-      deployers: async (_: any, __: any, context: any) => {
-        return service.getDeployers();
-      },
     },
 
     // TODO: Return error in GQL response

packages/backend/src/schema.gql

@@ -134,8 +134,8 @@ type EnvironmentVariable {
 }
 
 type Deployer {
-  deployerLrn: String!
   deployerId: String!
+  deployerLrn: String!
   deployerApiUrl: String!
   createdAt: String!
   updatedAt: String!
@@ -257,7 +257,6 @@ type Query {
   searchProjects(searchText: String!): [Project!]
   getAuctionData(auctionId: String!): Auction!
   domains(projectId: String!, filter: FilterDomainsInput): [Domain]
-  deployers: [Deployer]
 }
 
 type Mutation {

packages/backend/src/service.ts

@@ -21,7 +21,6 @@ import {
   AppDeploymentRecord,
   AppDeploymentRemovalRecord,
   AuctionParams,
-  DeployerRecord,
   EnvironmentVariables,
   GitPushEventPayload,
 } from './types';
@@ -310,13 +309,35 @@ export class Service {
       if (!deployerRecords) {
         log(`No winning deployer for auction ${project!.auctionId}`);
       } else {
-        const deployers = await this.saveDeployersByDeployerRecords(deployerRecords);
+        const deployerIds = [];
-        for (const deployer of deployers) {
+
-          log(`Creating deployment for deployer ${deployer.deployerLrn}`);
+        for (const record of deployerRecords) {
-          await this.createDeploymentFromAuction(project, deployer);
+          const deployerId = record.id;
+          const deployerLrn = record.names[0];
+
+          deployerIds.push(deployerId);
+
+          const deployerApiUrl = record.attributes.apiUrl;
+          const baseDomain = deployerApiUrl.substring(deployerApiUrl.indexOf('.') + 1);
+
+          const deployerData = {
+            deployerId,
+            deployerLrn,
+            deployerApiUrl,
+            baseDomain
+          };
+
+          // Store the deployer in the DB
+          const deployer = await this.db.addDeployer(deployerData);
+
           // Update project with deployer
           await this.updateProjectWithDeployer(project.id, deployer);
         }
+
+        for (const deployer of deployerIds) {
+          log(`Creating deployment for deployer LRN ${deployer}`);
+          await this.createDeploymentFromAuction(project, deployer);
+        }
       }
     }
 
@@ -623,12 +644,12 @@ export class Service {
 
     let deployer;
     if (deployerLrn) {
-      deployer = await this.db.getDeployerByLRN(deployerLrn);
+      deployer = await this.createDeployerFromLRN(deployerLrn);
     } else {
       deployer = data.deployer;
     }
 
-    const newDeployment = await this.createDeploymentFromData(userId, data, deployer!.deployerLrn!, applicationRecordId, applicationRecordData);
+    const newDeployment = await this.createDeploymentFromData(userId, data, deployer!.deployerId!, applicationRecordId, applicationRecordData);
 
     const { repo, repoUrl } = await getRepoDetails(octokit, data.project.repository, data.commitHash);
     const environmentVariablesObj = await this.getEnvVariables(data.project!.id!);
@@ -666,7 +687,7 @@ export class Service {
 
   async createDeploymentFromAuction(
     project: DeepPartial<Project>,
-    deployer: Deployer
+    deployerId: string
   ): Promise<Deployment> {
     const octokit = await this.getOctokit(project.ownerId!);
     const [owner, repo] = project.repository!.split('/');
@@ -692,6 +713,7 @@ export class Service {
     const applicationRecordId = record.id;
     const applicationRecordData = record.attributes;
 
+    const deployer = await this.db.getDeployerById(deployerId);
     const deployerLrn = deployer!.deployerLrn
 
     // Create deployment with prod branch and latest commit
@@ -704,7 +726,7 @@ export class Service {
       commitMessage: latestCommit.commit.message,
     };
 
-    const newDeployment = await this.createDeploymentFromData(project.ownerId!, deploymentData, deployerLrn, applicationRecordId, applicationRecordData);
+    const newDeployment = await this.createDeploymentFromData(project.ownerId!, deploymentData, deployerId, applicationRecordId, applicationRecordData);
 
     const environmentVariablesObj = await this.getEnvVariables(project!.id!);
     // To set project DNS
@@ -745,7 +767,7 @@ export class Service {
   async createDeploymentFromData(
     userId: string,
     data: DeepPartial<Deployment>,
-    deployerLrn: string,
+    deployerId: string,
     applicationRecordId: string,
     applicationRecordData: ApplicationRecord,
   ): Promise<Deployment> {
@@ -763,7 +785,7 @@ export class Service {
         id: userId,
       }),
       deployer: Object.assign(new Deployer(), {
-        deployerLrn,
+        deployerId,
       }),
     });
 
@@ -772,6 +794,30 @@ export class Service {
     return newDeployment;
   }
 
+  async createDeployerFromLRN(deployerLrn: string): Promise<Deployer | null> {
+    const records = await this.laconicRegistry.getRecordsByName(deployerLrn);
+
+    if (records.length === 0) {
+      log('No records found for deployer LRN:', deployerLrn);
+      return null;
+    }
+
+    const deployerId = records[0].id;
+    const deployerApiUrl = records[0].attributes.apiUrl;
+    const baseDomain = deployerApiUrl.substring(deployerApiUrl.indexOf('.') + 1);
+
+    const deployerData = {
+      deployerId,
+      deployerLrn,
+      deployerApiUrl,
+      baseDomain
+    };
+
+    const deployer = await this.db.addDeployer(deployerData);
+
+    return deployer;
+  }
+
   async updateProjectWithDeployer(
     projectId: string,
     deployer: Deployer
@@ -1043,7 +1089,7 @@ export class Service {
     let newDeployment: Deployment;
 
     if (oldDeployment.project.auctionId) {
-      newDeployment = await this.createDeploymentFromAuction(oldDeployment.project, oldDeployment.deployer);
+      newDeployment = await this.createDeploymentFromAuction(oldDeployment.project, oldDeployment.deployer.deployerId);
     } else {
       newDeployment = await this.createDeployment(user.id, octokit,
         {
@@ -1323,50 +1369,4 @@ export class Service {
 
     return false;
   }
-
-  async getDeployers(): Promise<Deployer[]> {
-    const dbDeployers = await this.db.getDeployers();
-
-    if (dbDeployers.length > 0) {
-      // Call asynchronously to fetch the records from the registry and update the DB
-      this.updateDeployersFromRegistry();
-      return dbDeployers;
-    } else {
-      // Fetch from the registry and populate empty DB
-      return await this.updateDeployersFromRegistry();
-    }
-  }
-
-  async updateDeployersFromRegistry(): Promise<Deployer[]> {
-    const deployerRecords = await this.laconicRegistry.getDeployerRecordsByFilter({});
-    await this.saveDeployersByDeployerRecords(deployerRecords);
-
-    return await this.db.getDeployers();
-  }
-
-  async saveDeployersByDeployerRecords(deployerRecords: DeployerRecord[]): Promise<Deployer[]> {
-    const deployers: Deployer[] = [];
-
-    for (const record of deployerRecords) {
-      if (record.names.length > 0) {
-        const deployerId = record.id;
-        const deployerLrn = record.names[0];
-        const deployerApiUrl = record.attributes.apiUrl;
-        const baseDomain = deployerApiUrl.substring(deployerApiUrl.indexOf('.') + 1);
-
-        const deployerData = {
-          deployerLrn,
-          deployerId,
-          deployerApiUrl,
-          baseDomain
-        };
-
-        // TODO: Update deployers table in a separate job
-        const deployer = await this.db.addDeployer(deployerData);
-        deployers.push(deployer);
-      }
-    }
-
-    return deployers;
-  }
 }

packages/backend/test/publish-deploy-records.ts

@@ -38,7 +38,7 @@ async function main() {
   });
 
   for await (const deployment of deployments) {
-    const url = `https://${(deployment.project.name).toLowerCase()}-${deployment.id}.${deployment.deployer.baseDomain}`;
+    const url = `https://${deployment.project.name}-${deployment.id}.${misc.projectDomain}`;
 
     const applicationDeploymentRecord = {
       type: 'ApplicationDeploymentRecord',
@@ -73,7 +73,7 @@ async function main() {
 
     // Remove deployment for project subdomain if deployment is for production environment
     if (deployment.environment === Environment.Production) {
-      applicationDeploymentRecord.url = `https://${deployment.project.name}.${deployment.deployer.baseDomain}`;
+      applicationDeploymentRecord.url = `https://${deployment.project.name}.${deployment.baseDomain}`;
 
       await registry.setRecord(
         {

packages/frontend/src/components/projects/Dialog/DeleteDeploymentDialog.tsx

@@ -1,40 +0,0 @@
-import ConfirmDialog, {
-  ConfirmDialogProps,
-} from 'components/shared/ConfirmDialog';
-import { ArrowRightCircleFilledIcon, LoadingIcon } from 'components/shared/CustomIcon';
-
-interface DeleteDeploymentDialogProps extends ConfirmDialogProps {
-  isConfirmButtonLoading?: boolean;
-}
-
-export const DeleteDeploymentDialog = ({
-  open,
-  handleCancel,
-  handleConfirm,
-  isConfirmButtonLoading,
-  ...props
-}: DeleteDeploymentDialogProps) => {
-  return (
-    <ConfirmDialog
-      {...props}
-      dialogTitle="Delete deployment?"
-      handleCancel={handleCancel}
-      open={open}
-      confirmButtonTitle={isConfirmButtonLoading ? "Deleting deployment" : "Yes, delete deployment"}
-      handleConfirm={handleConfirm}
-      confirmButtonProps={{
-        variant: 'danger',
-        disabled: isConfirmButtonLoading,
-        rightIcon: isConfirmButtonLoading ? (
-          <LoadingIcon className="animate-spin" />
-        ) : (
-          <ArrowRightCircleFilledIcon />
-        ),
-      }}
-    >
-      <p className="text-sm text-elements-high-em">
-        Once deleted, the deployment will not be accessible.
-      </p>
-    </ConfirmDialog>
-  );
-};

packages/frontend/src/components/projects/create/Configure.tsx

@@ -1,11 +1,9 @@
-import { useCallback, useState, useEffect } from 'react';
+import { useCallback, useState } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { FormProvider, FieldValues } from 'react-hook-form';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { useMediaQuery } from 'usehooks-ts';
-import { AddEnvironmentVariableInput, AuctionParams, Deployer } from 'gql-client';
+import { AddEnvironmentVariableInput, AuctionParams } from 'gql-client';
-
-import { Select, MenuItem, FormControl, FormHelperText } from '@mui/material';
 
 import {
   ArrowRightCircleFilledIcon,
@@ -13,6 +11,7 @@ import {
 } from 'components/shared/CustomIcon';
 import { Heading } from '../../shared/Heading';
 import { Button } from '../../shared/Button';
+import { Select, SelectOption } from 'components/shared/Select';
 import { Input } from 'components/shared/Input';
 import { useToast } from 'components/shared/Toast';
 import { useGQLClient } from '../../../context/GQLClientContext';
@@ -31,8 +30,6 @@ type ConfigureFormValues = ConfigureDeploymentFormValues &
 
 const Configure = () => {
   const [isLoading, setIsLoading] = useState(false);
-  const [deployers, setDeployers] = useState<Deployer[]>([]);
-
   const [searchParams] = useSearchParams();
   const templateId = searchParams.get('templateId');
   const queryParams = new URLSearchParams(location.search);
@@ -51,7 +48,7 @@ const Configure = () => {
   const client = useGQLClient();
 
   const methods = useForm<ConfigureFormValues>({
-    defaultValues: { option: 'Auction' },
+    defaultValues: { option: 'LRN' },
   });
 
   const selectedOption = methods.watch('option');
@@ -156,33 +153,24 @@ const Configure = () => {
       if (templateId) {
         createFormData.option === 'Auction'
           ? navigate(
-            `/${orgSlug}/projects/create/success/${projectId}?isAuction=true`,
+              `/${orgSlug}/projects/create/success/${projectId}?isAuction=true`,
-          )
+            )
           : navigate(
-            `/${orgSlug}/projects/create/template/deploy?projectId=${projectId}&templateId=${templateId}`,
+              `/${orgSlug}/projects/create/template/deploy?projectId=${projectId}&templateId=${templateId}`,
-          );
+            );
       } else {
         createFormData.option === 'Auction'
           ? navigate(
-            `/${orgSlug}/projects/create/success/${projectId}?isAuction=true`,
+              `/${orgSlug}/projects/create/success/${projectId}?isAuction=true`,
-          )
+            )
           : navigate(
-            `/${orgSlug}/projects/create/deploy?projectId=${projectId}`,
+              `/${orgSlug}/projects/create/deploy?projectId=${projectId}`,
-          );
+            );
       }
     },
     [client, createProject, dismiss, toast],
   );
 
-  const fetchDeployers = useCallback(async () => {
-    const res = await client.getDeployers()
-    setDeployers(res.deployers)
-  }, [client])
-
-  useEffect(() => {
-    fetchDeployers()
-  }, [])
-
   return (
     <div className="space-y-7 px-4 py-6">
       <div className="flex justify-between mb-6">
@@ -207,14 +195,24 @@ const Configure = () => {
                 control={methods.control}
                 render={({ field: { value, onChange } }) => (
                   <Select
-                    value={value}
+                    label="Configuration Options"
-                    onChange={(event) => onChange(event.target.value)}
+                    value={
-                    size='small'
+                      {
-                    displayEmpty
+                        value: value || 'LRN',
-                  >
+                        label:
-                    <MenuItem value="LRN">Deployer LRN</MenuItem>
+                          value === 'Auction'
-                    <MenuItem value="Auction">Create Auction</MenuItem>
+                            ? 'Create Auction'
-                  </Select>
+                            : 'Deployer LRN',
+                      } as SelectOption
+                    }
+                    onChange={(value) =>
+                      onChange((value as SelectOption).value)
+                    }
+                    options={[
+                      { value: 'LRN', label: 'Deployer LRN' },
+                      { value: 'Auction', label: 'Create Auction' },
+                    ]}
+                  />
                 )}
               />
             </div>
@@ -227,29 +225,15 @@ const Configure = () => {
                 >
                   The app will be deployed by the configured deployer
                 </Heading>
+                <span className="text-sm text-elements-high-em">
+                  Enter LRN for deployer
+                </span>
                 <Controller
                   name="lrn"
                   control={methods.control}
                   rules={{ required: true }}
-                  render={({ field: { value, onChange }, fieldState }) => (
+                  render={({ field: { value, onChange } }) => (
-                    <FormControl fullWidth error={Boolean(fieldState.error)}>
+                    <Input value={value} onChange={onChange} />
-                      <span className="text-sm text-elements-high-em mb-4">
-                        Select deployer LRN
-                      </span>
-                      <Select
-                        value={value}
-                        onChange={(event) => onChange(event.target.value)}
-                        displayEmpty
-                        size='small'
-                      >
-                        {deployers.map((deployer) => (
-                          <MenuItem key={deployer.deployerLrn} value={deployer.deployerLrn}>
-                            {deployer.deployerLrn}
-                          </MenuItem>
-                        ))}
-                      </Select>
-                      {fieldState.error && <FormHelperText>{fieldState.error.message}</FormHelperText>}
-                    </FormControl>
                   )}
                 />
               </div>

packages/frontend/src/components/projects/project/deployments/DeploymentDetailsCard.tsx

@@ -91,7 +91,7 @@ const DeploymentDetailsCard = ({
     }
   };
 
-  const fetchDeploymentLogs = async () => {
+  const fetchDeploymentLogs = useCallback(async () => {
     let url = `${deployment.deployer.deployerApiUrl}/log/${deployment.applicationDeploymentRequestId}`;
     const res = await fetch(url, { cache: 'no-store' });
     handleOpenDialog();
@@ -99,7 +99,11 @@ const DeploymentDetailsCard = ({
       const logs = await res.text();
       setDeploymentLogs(logs);
     }
-  };
+  }, [
+    deployment.deployer.deployerApiUrl,
+    deployment.applicationDeploymentRequestId,
+    handleOpenDialog,
+  ]);
 
   const renderDeploymentStatus = useCallback(
     (className?: string) => {
@@ -185,8 +189,8 @@ const DeploymentDetailsCard = ({
                 type="orange"
                 initials={getInitials(deployment.createdBy.name ?? '')}
                 className="lg:size-5 2xl:size-6"
-              // TODO: Add avatarUrl
+                // TODO: Add avatarUrl
-              // imageSrc={deployment.createdBy.avatarUrl}
+                // imageSrc={deployment.createdBy.avatarUrl}
               ></Avatar>
             </div>
             <OverflownText

packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx

@@ -23,7 +23,6 @@ import { useGQLClient } from 'context/GQLClientContext';
 import { cn } from 'utils/classnames';
 import { ChangeStateToProductionDialog } from 'components/projects/Dialog/ChangeStateToProductionDialog';
 import { useToast } from 'components/shared/Toast';
-import { DeleteDeploymentDialog } from 'components/projects/Dialog/DeleteDeploymentDialog';
 
 interface DeploymentMenuProps extends ComponentPropsWithRef<'div'> {
   deployment: Deployment;
@@ -47,8 +46,6 @@ export const DeploymentMenu = ({
 
   const [changeToProduction, setChangeToProduction] = useState(false);
   const [redeployToProduction, setRedeployToProduction] = useState(false);
-  const [deleteDeploymentDialog, setDeleteDeploymentDialog] = useState(false);
-  const [isConfirmDeleteLoading, setIsConfirmDeleteLoading] = useState(false);
   const [rollbackDeployment, setRollbackDeployment] = useState(false);
   const [assignDomainDialog, setAssignDomainDialog] = useState(false);
   const [isConfirmButtonLoading, setConfirmButtonLoadingLoading] =
@@ -119,11 +116,14 @@ export const DeploymentMenu = ({
   };
 
   const deleteDeployment = async () => {
+    toast({
+      id: 'deleting_deployment',
+      title: 'Deleting deployment....',
+      variant: 'success',
+      onDismiss: dismiss,
+    });
+
     const isDeleted = await client.deleteDeployment(deployment.id);
-
-    setIsConfirmDeleteLoading(false);
-    setDeleteDeploymentDialog((preVal) => !preVal);
-
     if (isDeleted) {
       await onUpdate();
       toast({
@@ -212,7 +212,7 @@ export const DeploymentMenu = ({
             </MenuItem>
             <MenuItem
               className="hover:bg-base-bg-emphasized flex items-center gap-3"
-              onClick={() => setDeleteDeploymentDialog((preVal) => !preVal)}
+              onClick={() => deleteDeployment()}
             >
               <CrossCircleIcon /> Delete deployment
             </MenuItem>
@@ -265,15 +265,6 @@ export const DeploymentMenu = ({
         open={assignDomainDialog}
         handleOpen={() => setAssignDomainDialog(!assignDomainDialog)}
       />
-      <DeleteDeploymentDialog
-        open={deleteDeploymentDialog}
-        handleConfirm={async () => {
-          setIsConfirmDeleteLoading(true);
-          await deleteDeployment();
-        }}
-        handleCancel={() => setDeleteDeploymentDialog((preVal) => !preVal)}
-        isConfirmButtonLoading={isConfirmDeleteLoading}
-      />
     </>
   );
 };

packages/frontend/src/components/projects/project/overview/Activity/AuctionCard.tsx

@@ -17,16 +17,6 @@ import { Button, Heading, Tag } from 'components/shared';
 
 const WAIT_DURATION = 5000;
 
-const DIALOG_STYLE = {
-  backgroundColor: 'rgba(0,0,0, .9)',
-  padding: '2em',
-  borderRadius: '0.5em',
-  marginLeft: '0.5em',
-  marginRight: '0.5em',
-  color: 'gray',
-  fontSize: 'small',
-};
-
 export const AuctionCard = ({ project }: { project: Project }) => {
   const [auctionStatus, setAuctionStatus] = useState<string>('');
   const [deployers, setDeployers] = useState<Deployer[]>([]);
@@ -96,6 +86,13 @@ export const AuctionCard = ({ project }: { project: Project }) => {
           </Button>
         </div>
 
+        <div className="flex justify-between items-center mt-1">
+          <span className="text-elements-high-em text-sm font-medium tracking-tight">
+            Auction Status
+          </span>
+          <div className="ml-2">{renderAuctionStatus()}</div>
+        </div>
+
         <div className="flex justify-between items-center mt-2">
           <span className="text-elements-high-em text-sm font-medium tracking-tight">
             Auction Id
@@ -105,47 +102,29 @@ export const AuctionCard = ({ project }: { project: Project }) => {
           </span>
         </div>
 
+        {deployers?.length > 0 && (
+          <div className="mt-3">
+            <span className="text-elements-high-em text-sm font-medium tracking-tight">
+              Deployer LRNs
+            </span>
+            {deployers.map((deployer, index) => (
+              <p key={index} className="text-elements-mid-em text-sm">
+                {'\u2022'} {deployer.deployerLrn}
+              </p>
+            ))}
+          </div>
+        )}
 
         <div className="flex justify-between items-center mt-1">
           <span className="text-elements-high-em text-sm font-medium tracking-tight">
-            Auction Status
+            Deployer Funds Status
           </span>
-          <div className="ml-2">{renderAuctionStatus()}</div>
+          <div className="ml-2">
+            <Tag size="xs" type={fundsStatus ? 'positive' : 'emphasized'}>
+              {fundsStatus ? 'RELEASED' : 'LOCKED'}
+            </Tag>
+          </div>
         </div>
-
-        {auctionStatus === 'completed' && (
-          <>
-            {deployers?.length > 0 ? (
-              <div>
-                <span className="text-elements-high-em text-sm font-medium tracking-tight">
-                  Deployer LRNs
-                </span>
-                {deployers.map((deployer, index) => (
-                  <p key={index} className="text-elements-mid-em text-sm">
-                    {'\u2022'} {deployer.deployerLrn}
-                  </p>
-                ))}
-
-                <div className="flex justify-between items-center mt-1">
-                  <span className="text-elements-high-em text-sm font-medium tracking-tight">
-                    Deployer Funds Status
-                  </span>
-                  <div className="ml-2">
-                    <Tag size="xs" type={fundsStatus ? 'positive' : 'emphasized'}>
-                      {fundsStatus ? 'RELEASED' : 'LOCKED'}
-                    </Tag>
-                  </div>
-                </div>
-              </div>
-            ) : (
-              <div className="mt-3">
-                <span className="text-elements-high-em text-sm font-medium tracking-tight">
-                  No winning deployers
-                </span>
-              </div>
-            )}
-          </>
-        )}
       </div>
 
       <Dialog
@@ -155,7 +134,7 @@ export const AuctionCard = ({ project }: { project: Project }) => {
         maxWidth="md"
       >
         <DialogTitle>Auction Details</DialogTitle>
-        <DialogContent style={DIALOG_STYLE}>
+        <DialogContent>
           {auctionDetails && (
             <pre>{JSON.stringify(auctionDetails, null, 2)}</pre>
           )}

packages/gql-client/src/client.ts

@@ -424,12 +424,4 @@ export class GQLClient {
 
     return data.getAuctionData;
   }
-
-  async getDeployers(): Promise<types.GetDeployersResponse> {
-    const { data } = await this.client.query({
-      query: queries.getDeployers,
-    });
-
-    return data;
-  }
 }

packages/gql-client/src/queries.ts

@@ -25,9 +25,9 @@ query ($projectId: String!) {
     prodBranch
     auctionId
     deployers {
-      deployerLrn
-      deployerId
       deployerApiUrl
+      deployerId
+      deployerLrn
     }
     fundsReleased
     framework
@@ -81,9 +81,9 @@ query ($organizationSlug: String!) {
     framework
     auctionId
     deployers {
-      deployerLrn
-      deployerId
       deployerApiUrl
+      deployerId
+      deployerLrn
     }
     fundsReleased
     prodBranch
@@ -145,9 +145,9 @@ query ($projectId: String!)  {
     commitMessage
     url
     deployer {
-      deployerLrn
       deployerId
-      deployerApiUrl
+      deployerLrn,
+      deployerApiUrl,
     }
     environment
     isCurrent
@@ -208,9 +208,9 @@ query ($searchText: String!) {
     framework
     auctionId
     deployers {
-      deployerLrn
-      deployerId
       deployerApiUrl
+      deployerId
+      deployerLrn
     }
     fundsReleased
     prodBranch
@@ -307,13 +307,3 @@ query ($auctionId: String!) {
   }
 }
 `;
-
-export const getDeployers = gql`
-query {
-  deployers {
-    deployerLrn
-    deployerId
-    deployerApiUrl
-  }
-}
-`;

packages/gql-client/src/types.ts

@@ -117,9 +117,9 @@ export type Deployment = {
 };
 
 export type Deployer = {
-  deployerLrn: string;
-  deployerId: string;
   deployerApiUrl: string;
+  deployerId: string;
+  deployerLrn: string;
 }
 
 export type OrganizationMember = {
@@ -233,10 +233,6 @@ export type GetDomainsResponse = {
   domains: Domain[];
 };
 
-export type GetDeployersResponse = {
-  deployers: Deployer[];
-};
-
 export type SearchProjectsResponse = {
   searchProjects: Project[];
 };