chore: clear version for app publication (#441)

Author: PolinaGurinovich97

apps/ai-dial-admin/src/components/EntityMainProperties/BaseProperties/DisplayName.tsx

@@ -10,10 +10,12 @@ import { getErrorForDisplayName } from '@/src/utils/validation/name-error';
 interface Props {
   displayName?: string;
   required?: boolean;
+  readonly?: boolean;
+  disabled?: boolean;
   onChange?: (displayName: string) => void;
 }
 
-const DisplayNameControl: FC<Props> = ({ displayName, onChange, required }) => {
+const DisplayNameControl: FC<Props> = ({ displayName, onChange, required, ...props }) => {
   const t = useI18n() as (t: string) => string;
   const { dispatch } = useSaveValidationContext();
 
@@ -46,6 +48,7 @@ const DisplayNameControl: FC<Props> = ({ displayName, onChange, required }) => {
       onChange={onChangeDisplayName}
       errorText={displayNameError?.text}
       invalid={!!displayNameError}
+      {...props}
     />
   );
 };

apps/ai-dial-admin/src/components/PublicationView/ApplicationProperties/ApplicationInfo.tsx

@@ -1,12 +1,12 @@
 import { FC } from 'react';
 
-import { TextInputField } from '@/src/components/Common/InputField/InputField';
 import { EntityFieldsI18nKey } from '@/src/constants/i18n';
 import { useI18n } from '@/src/locales/client';
 import EntityIcon from '@/src/components/EntityView/Properties/EntityIcon';
 import Multiselect from '@/src/components/Common/Multiselect/Multiselect';
 import { DialApplicationResource } from '@/src/models/dial/application-resource';
 import DescriptionControl from '@/src/components/EntityMainProperties/BaseProperties/Description';
+import DisplayNameControl from '@/src/components/EntityMainProperties/BaseProperties/DisplayName';
 
 interface Props {
   application: DialApplicationResource;
@@ -17,19 +17,7 @@ const ApplicationInfo: FC<Props> = ({ application }) => {
 
   return application ? (
     <div className="flex flex-col gap-y-6">
-      <TextInputField
-        elementId="displayName"
-        readonly={true}
-        fieldTitle={t(EntityFieldsI18nKey.displayName)}
-        value={application?.displayName}
-      />
-      <TextInputField
-        readonly={true}
-        elementId="displayVersion"
-        fieldTitle={t(EntityFieldsI18nKey.displayVersion)}
-        value={application?.displayVersion}
-      />
-
+      <DisplayNameControl readonly={true} displayName={application?.displayName} />
       <DescriptionControl entity={application} readonly={true} />
 
       <EntityIcon

apps/ai-dial-admin/src/components/PublicationView/ApplicationProperties/tests/ApplicationInfo.spec.tsx

@@ -17,8 +17,6 @@ describe('ApplicationInfo', () => {
 
     expect(screen.getByText(EntityFieldsI18nKey.displayName)).toBeInTheDocument();
     expect(screen.getByText('Test App')).toBeInTheDocument();
-    expect(screen.getByText(EntityFieldsI18nKey.displayVersion)).toBeInTheDocument();
-    expect(screen.getByText('1.0.0')).toBeInTheDocument();
     expect(screen.getByText(EntityFieldsI18nKey.description)).toBeInTheDocument();
     expect(screen.getByText('A test application')).toBeInTheDocument();
     expect(screen.getByText(EntityFieldsI18nKey.iconUrl)).toBeInTheDocument();