work on next13

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/InputElements/IntegrationSelector.tsx

@@ -126,11 +126,11 @@ export const IntegrationSelector = ({ form }: IntegrationSelectorProps) => {
           />
         )
       }
+      {...inputProps}
       onChange={(value) => {
         form.setFieldValue('integration.properties', getNewProperties(value));
         inputProps.onChange(value);
       }}
-      {...inputProps}
     />
   );
 };

src/components/Dashboard/Modals/EditAppModal/Tabs/IntegrationTab/Components/IntegrationOptionsRenderer/IntegrationOptionsRenderer.tsx

@@ -61,7 +61,6 @@ export const IntegrationOptionsRenderer = ({ form }: IntegrationOptionsRendererP
               label={`${property} (potentionally unmapped)`}
               secretIsPresent={isPresent}
               setIcon={IconKey}
-              value={formValue.value}
               type={accessabilityType}
               {...form.getInputProps(`integration.properties.${index}.value`)}
             />
@@ -76,7 +75,6 @@ export const IntegrationOptionsRenderer = ({ form }: IntegrationOptionsRendererP
             }}
             key={`input-${definition.label}`}
             label={definition.label}
-            value=""
             secretIsPresent={isPresent}
             setIcon={definition.icon}
             type={accessabilityType}

src/components/Dashboard/Modals/EditAppModal/Tabs/NetworkTab/NetworkTab.tsx

@@ -27,9 +27,9 @@ export const NetworkTab = ({ form }: NetworkTabProps) => {
           data={StatusCodes}
           clearable
           searchable
-          defaultValue={form.values.network.okStatus}
+          defaultValue={form.values.network.statusCodes}
           variant="default"
-          {...form.getInputProps('network.okStatus')}
+          {...form.getInputProps('network.statusCodes')}
         />
       )}
     </Tabs.Panel>

src/components/Dashboard/Modals/SelectElement/Components/Shared/GenericElementType.tsx

@@ -24,7 +24,9 @@ export const GenericAvailableElementType = ({
   const { t } = useTranslation('layout/modals/about');
 
   const Icon =
-    typeof image === 'string' ? () => <Image src={image} width={24} height={24} /> : image;
+    typeof image === 'string'
+      ? () => <Image alt={name} src={image} width={24} height={24} />
+      : image;
 
   return (
     <Grid.Col span={3}>

src/components/Dashboard/Tiles/Apps/AppTile.tsx

@@ -1,7 +1,8 @@
-import { Box, Stack, Title, UnstyledButton } from '@mantine/core';
+import { Anchor, Box, Stack, Title, UnstyledButton } from '@mantine/core';
 import { NextLink } from '@mantine/next';
 import { createStyles } from '@mantine/styles';
 import { motion } from 'framer-motion';
+import Link from 'next/link';
 import { AppType } from '../../../../types/app';
 import { useCardStyles } from '../../../layout/useCardStyles';
 import { useEditModeStore } from '../../Views/useEditModeStore';
@@ -71,7 +72,7 @@ export const AppTile = ({ className, app }: AppTileProps) => {
       ) : (
         <UnstyledButton
           style={{ pointerEvents: isEditMode ? 'none' : 'auto' }}
-          component={NextLink}
+          component={Link}
           href={app.behaviour.externalUrl.length > 0 ? app.behaviour.externalUrl : app.url}
           target={app.behaviour.isOpeningNewTab ? '_blank' : '_self'}
           className={cx(classes.button)}