From 790ae371809af030d09bd22e0f39f5e86a892012 Mon Sep 17 00:00:00 2001
From: andrealouisestanderen <andreastanderen@gmail.com>
Date: Fri, 8 Dec 2023 11:33:04 +0100
Subject: [PATCH] Add direct nuget packages references

---
 backend/packagegroups/NuGet.props             |  1 +
 backend/src/Designer/Designer.csproj          |  3 +
 .../SchemaGenerationErrorsPanel.tsx           | 68 ++++++++++---------
 3 files changed, 39 insertions(+), 33 deletions(-)

diff --git a/backend/packagegroups/NuGet.props b/backend/packagegroups/NuGet.props
index 1279ebf27a4..a00cf3b7690 100644
--- a/backend/packagegroups/NuGet.props
+++ b/backend/packagegroups/NuGet.props
@@ -28,6 +28,7 @@
     <PackageReference Update="Microsoft.VisualStudio.Web.BrowserLink" Version="2.2.0" />
     <PackageReference Update="HtmlAgilityPack" Version="1.11.54" />
     <PackageReference Update="Microsoft.DiaSymReader.Native" Version="1.7.0" />
+    <PackageReference Update="Microsoft.VisualStudio.Web.CodeGeneration.Design" Version="6.0.16" />
     <PackageReference Update="Npgsql.EntityFrameworkCore.PostgreSQL" Version="6.0.22" />
     <PackageReference Update="Scrutor" Version="4.2.2" />
     <PackageReference Update="Yuniql.AspNetCore" Version="1.2.25" />
diff --git a/backend/src/Designer/Designer.csproj b/backend/src/Designer/Designer.csproj
index 7c561280a3f..4c85cb35c15 100644
--- a/backend/src/Designer/Designer.csproj
+++ b/backend/src/Designer/Designer.csproj
@@ -37,10 +37,13 @@
     <PackageReference Include="Microsoft.AspNetCore.Mvc.NewtonsoftJson" />
     <PackageReference Include="Microsoft.Azure.KeyVault" />
     <PackageReference Include="Microsoft.Azure.Services.AppAuthentication" />
+    <PackageReference Include="Microsoft.CodeAnalysis.CSharp" />
+    <PackageReference Include="Microsoft.CodeAnalysis.Common" />
     <PackageReference Include="Microsoft.Extensions.Configuration.AzureKeyVault" />
     <PackageReference Include="Microsoft.VisualStudio.Web.BrowserLink" />
     <PackageReference Include="HtmlAgilityPack" />
     <PackageReference Include="Microsoft.DiaSymReader.Native" />
+    <PackageReference Include="Microsoft.VisualStudio.Web.CodeGeneration.Design" />
     <PackageReference Include="Npgsql.EntityFrameworkCore.PostgreSQL" />
     <PackageReference Include="Polly" />
     <PackageReference Include="Scrutor" />
diff --git a/frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SchemaGenerationErrorsPanel.tsx b/frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SchemaGenerationErrorsPanel.tsx
index b78aaf547e9..e04c298b30b 100644
--- a/frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SchemaGenerationErrorsPanel.tsx
+++ b/frontend/app-development/features/dataModelling/SchemaEditorWithToolbar/SchemaGenerationErrorsPanel.tsx
@@ -16,40 +16,42 @@ export const SchemaGenerationErrorsPanel = ({
   const { t } = useTranslation();
 
   return (
-    <Alert severity='danger' className={classes.errorPanel}>
-      <div>
-        <Paragraph>{t('api_errors.DM_01')}</Paragraph>
-        <ul>
-          {schemaGenerationErrorMessages?.map((errorMessage, index) => {
-            return (
-              <li key={index}>
-                <ErrorMessage>
-                  {errorMessage.includes(
-                    'member names cannot be the same as their enclosing type',
-                  ) ? (
-                    <Trans
-                      i18nKey={'api_errors.DM_CsharpCompiler_NameCollision'}
-                      values={{ nodeName: errorMessage.match(/'([^']+)':/)?.[1] }}
-                      components={{ bold: <strong /> }}
-                    />
-                  ) : (
-                    <>{errorMessage}</>
-                  )}
-                </ErrorMessage>
-              </li>
-            );
-          })}
-        </ul>
+    <Alert severity='danger'>
+      <div className={classes.errorPanel}>
+        <div>
+          <Paragraph>{t('api_errors.DM_01')}</Paragraph>
+          <ul>
+            {schemaGenerationErrorMessages?.map((errorMessage, index) => {
+              return (
+                <li key={index}>
+                  <ErrorMessage>
+                    {errorMessage.includes(
+                      'member names cannot be the same as their enclosing type',
+                    ) ? (
+                      <Trans
+                        i18nKey={'api_errors.DM_CsharpCompiler_NameCollision'}
+                        values={{ nodeName: errorMessage.match(/'([^']+)':/)?.[1] }}
+                        components={{ bold: <strong /> }}
+                      />
+                    ) : (
+                      <>{errorMessage}</>
+                    )}
+                  </ErrorMessage>
+                </li>
+              );
+            })}
+          </ul>
+        </div>
+        <Button
+          color='danger'
+          open={schemaGenerationErrorMessages.length > 0}
+          onClick={onCloseErrorsPanel}
+          variant='tertiary'
+          icon={<XMarkIcon />}
+        >
+          {t('general.close')}
+        </Button>
       </div>
-      <Button
-        color='danger'
-        open={schemaGenerationErrorMessages.length > 0}
-        onClick={onCloseErrorsPanel}
-        variant='tertiary'
-        icon={<XMarkIcon />}
-      >
-        {t('general.close')}
-      </Button>
     </Alert>
   );
 };