From bf0da9ccffaec7bf071896b3bfe76794ca3c30db Mon Sep 17 00:00:00 2001
From: Eric Allam <eallam@icloud.com>
Date: Fri, 9 Jun 2023 11:08:21 +0100
Subject: [PATCH] More renaming element to property

---
 apps/webapp/app/presenters/ProjectPresenter.server.ts  |  4 ++--
 apps/webapp/app/presenters/RunPresenter.server.ts      |  8 ++++----
 .../route.tsx                                          |  8 ++++----
 .../route.tsx                                          |  8 ++++----
 .../RunCard.tsx                                        |  2 +-
 .../TaskCard.tsx                                       |  6 +++---
 .../route.tsx                                          | 10 +++++-----
 7 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/apps/webapp/app/presenters/ProjectPresenter.server.ts b/apps/webapp/app/presenters/ProjectPresenter.server.ts
index e218b93a4..5c1dcf892 100644
--- a/apps/webapp/app/presenters/ProjectPresenter.server.ts
+++ b/apps/webapp/app/presenters/ProjectPresenter.server.ts
@@ -165,10 +165,10 @@ export class ProjectPresenter {
           }
 
           if (alias.version.properties) {
-            const versionElements = z
+            const versionProperties = z
               .array(DisplayPropertySchema)
               .parse(alias.version.properties);
-            properties = [...properties, ...versionElements];
+            properties = [...properties, ...versionProperties];
           }
 
           return {
diff --git a/apps/webapp/app/presenters/RunPresenter.server.ts b/apps/webapp/app/presenters/RunPresenter.server.ts
index a9856207c..38e071deb 100644
--- a/apps/webapp/app/presenters/RunPresenter.server.ts
+++ b/apps/webapp/app/presenters/RunPresenter.server.ts
@@ -70,17 +70,17 @@ export class RunPresenter {
     }
 
     //merge the properties from the version and the run, with the run properties taking precedence
-    const mergedElements = new Map<string, DisplayProperty>();
+    const mergedProperties = new Map<string, DisplayProperty>();
     if (run.version.properties) {
       const properties = DisplayPropertiesSchema.parse(run.version.properties);
       for (const property of properties) {
-        mergedElements.set(property.label, property);
+        mergedProperties.set(property.label, property);
       }
     }
     if (run.properties) {
       const properties = DisplayPropertiesSchema.parse(run.properties);
       for (const property of properties) {
-        mergedElements.set(property.label, property);
+        mergedProperties.set(property.label, property);
       }
     }
 
@@ -130,7 +130,7 @@ export class RunPresenter {
       isTest: run.isTest,
       version: run.version.version,
       output: runOutput,
-      properties: Array.from(mergedElements.values()),
+      properties: Array.from(mergedProperties.values()),
       environment: {
         type: run.environment.type,
         slug: run.environment.slug,
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.events.$eventParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.events.$eventParam/route.tsx
index 893e921cc..24c4676d9 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.events.$eventParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.events.$eventParam/route.tsx
@@ -10,7 +10,7 @@ import {
   RunPanelBody,
   RunPanelProperties,
   RunPanelHeader,
-  RunPanelIconElement,
+  RunPanelIconProperty,
   RunPanelIconSection,
 } from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard";
 import { EventDetailsPresenter } from "~/presenters/EventDetailsPresenter.server";
@@ -54,19 +54,19 @@ export default function Page() {
       <RunPanelBody>
         <div className="mb-4 border-b border-slate-800 pb-4">
           <RunPanelIconSection>
-            <RunPanelIconElement
+            <RunPanelIconProperty
               icon="calendar"
               label="Created"
               value={formatDateTime(timestamp, "long")}
             />
             {deliveredAt && (
-              <RunPanelIconElement
+              <RunPanelIconProperty
                 icon="flag"
                 label="Finished at"
                 value={formatDateTime(deliveredAt, "long")}
               />
             )}
-            <RunPanelIconElement icon="id" label="Event name" value={name} />
+            <RunPanelIconProperty icon="id" label="Event name" value={name} />
           </RunPanelIconSection>
         </div>
         <div className="mt-4 flex flex-col gap-2">
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.tasks.$taskParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.tasks.$taskParam/route.tsx
index 830130a6d..90cf00ac8 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.tasks.$taskParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam.tasks.$taskParam/route.tsx
@@ -14,7 +14,7 @@ import {
   RunPanelDescription,
   RunPanelProperties,
   RunPanelHeader,
-  RunPanelIconElement,
+  RunPanelIconProperty,
   RunPanelIconSection,
   RunPanelIconTitle,
 } from "../_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard";
@@ -84,21 +84,21 @@ export default function Page() {
         <div className="mb-4 border-b border-slate-800 pb-4">
           <RunPanelIconSection>
             {startedAt && (
-              <RunPanelIconElement
+              <RunPanelIconProperty
                 icon="calendar"
                 label="Started at"
                 value={formatDateTime(startedAt, "long")}
               />
             )}
             {completedAt && (
-              <RunPanelIconElement
+              <RunPanelIconProperty
                 icon="flag"
                 label="Finished at"
                 value={formatDateTime(completedAt, "long")}
               />
             )}
             {delayUntil && (
-              <RunPanelIconElement
+              <RunPanelIconProperty
                 icon="clock"
                 label="Total delay"
                 value={formatDuration(startedAt, completedAt, {
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard.tsx
index de0c17bbe..80da46cf5 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/RunCard.tsx
@@ -162,7 +162,7 @@ export function RunPanelIconSection({
   );
 }
 
-export function RunPanelIconElement({
+export function RunPanelIconProperty({
   icon,
   label,
   value,
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/TaskCard.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/TaskCard.tsx
index 3f797dfec..af0dfc4c8 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/TaskCard.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/TaskCard.tsx
@@ -9,7 +9,7 @@ import {
   RunPanelProperties,
   RunPanelError,
   RunPanelHeader,
-  RunPanelIconElement,
+  RunPanelIconProperty,
   RunPanelIconSection,
   RunPanelIconTitle,
   TaskSeparator,
@@ -97,14 +97,14 @@ export function TaskCard({
             )}
             <RunPanelIconSection>
               {displayKey && (
-                <RunPanelIconElement
+                <RunPanelIconProperty
                   icon="key"
                   label="Key"
                   value={displayKey}
                 />
               )}
               {connection && (
-                <RunPanelIconElement
+                <RunPanelIconProperty
                   icon={connection.apiConnection.client.integrationIdentifier}
                   label="Connection"
                   value={connection.apiConnection.client.title}
diff --git a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/route.tsx b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/route.tsx
index 33b2408c1..0afa50282 100644
--- a/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/route.tsx
+++ b/apps/webapp/app/routes/_app.orgs.$organizationSlug.projects.$projectParam.jobs.$jobParam.runs.$runParam/route.tsx
@@ -42,7 +42,7 @@ import {
   RunPanelProperties,
   RunPanelError,
   RunPanelHeader,
-  RunPanelIconElement,
+  RunPanelIconProperty,
   RunPanelIconSection,
   RunPanelIconTitle,
 } from "./RunCard";
@@ -225,7 +225,7 @@ export default function Page() {
                 <RunPanelBody>
                   {/* <RunPanelIconSection>
                   {connection && (
-                    <RunPanelIconElement
+                    <RunPanelIconProperty
                       icon={
                         connection.apiConnection.client.integrationIdentifier
                       }
@@ -275,21 +275,21 @@ export default function Page() {
                   <RunPanelBody>
                     <RunPanelIconSection className="mb-4">
                       {run.startedAt && (
-                        <RunPanelIconElement
+                        <RunPanelIconProperty
                           icon="calendar"
                           label="Started at"
                           value={formatDateTime(run.startedAt, "long")}
                         />
                       )}
                       {run.completedAt && (
-                        <RunPanelIconElement
+                        <RunPanelIconProperty
                           icon="flag"
                           label="Finished at"
                           value={formatDateTime(run.completedAt, "long")}
                         />
                       )}
                       {run.startedAt && run.completedAt && (
-                        <RunPanelIconElement
+                        <RunPanelIconProperty
                           icon="clock"
                           label="Total duration"
                           value={formatDuration(