feat: add sticky footer dataset form

Informasjonsforvaltning · Dec 12, 2024 · cd094dd · cd094dd
1 parent f2ec3b6
commit cd094dd
Show file tree

Hide file tree

Showing 11 changed files with 261 additions and 192 deletions.
diff --git a/apps/dataset-catalog/app/catalogs/[catalogId]/datasets/[datasetId]/edit/page.tsx b/apps/dataset-catalog/app/catalogs/[catalogId]/datasets/[datasetId]/edit/page.tsx
@@ -80,16 +80,15 @@ export default async function EditDatasetPage({ params }: Params) {
         title={localization.catalogType.dataset}
         subtitle={getTranslateText(organization.prefLabel).toString()}
       />
-      <div className='container'>
-        <DatasetForm
-          initialValues={dataset}
-          submitType={'update'}
-          searchEnv={searchEnv}
-          referenceDataEnv={referenceDataEnv}
-          referenceData={referenceData}
-          datasetSeries={datasetSeries._embedded.datasets}
-        ></DatasetForm>
-      </div>
+
+      <DatasetForm
+        initialValues={dataset}
+        submitType={'update'}
+        searchEnv={searchEnv}
+        referenceDataEnv={referenceDataEnv}
+        referenceData={referenceData}
+        datasetSeries={datasetSeries._embedded.datasets}
+      ></DatasetForm>
     </>
   );
 }
diff --git a/apps/dataset-catalog/app/catalogs/[catalogId]/datasets/new/page.tsx b/apps/dataset-catalog/app/catalogs/[catalogId]/datasets/new/page.tsx
@@ -75,16 +75,14 @@ export default async function NewDatasetPage({ params }: Params) {
         title={localization.catalogType.dataset}
         subtitle={getTranslateText(organization.prefLabel).toString()}
       />
-      <div className='container'>
-        <DatasetForm
-          initialValues={initialValues}
-          submitType={'create'}
-          referenceData={referenceData}
-          searchEnv={searchEnv}
-          referenceDataEnv={referenceDataEnv}
-          datasetSeries={datasetSeries._embedded.datasets}
-        ></DatasetForm>
-      </div>
+      <DatasetForm
+        initialValues={initialValues}
+        submitType={'create'}
+        referenceData={referenceData}
+        searchEnv={searchEnv}
+        referenceDataEnv={referenceDataEnv}
+        datasetSeries={datasetSeries._embedded.datasets}
+      ></DatasetForm>
     </>
   );
 }
diff --git a/apps/dataset-catalog/components/dataset-form/components/dataset-form-geography-section.tsx b/apps/dataset-catalog/components/dataset-form/components/dataset-form-geography-section.tsx
@@ -1,13 +1,12 @@
 'use client';
-import { AddButton, DeleteButton, FormContainer, FormikSearchCombobox, TitleWithTag } from '@catalog-frontend/ui';
+import { AddButton, FormikSearchCombobox, TitleWithTag } from '@catalog-frontend/ui';
 import { getTranslateText, localization } from '@catalog-frontend/utils';
-import { Checkbox, Heading, Label, Textfield } from '@digdir/designsystemet-react';
+import { Checkbox, Label, Textfield } from '@digdir/designsystemet-react';
 import { useCallback, useState } from 'react';
 import { useSearchAdministrativeUnits, useSearchAdministrativeUnitsByUri } from '../../../hooks/useReferenceDataSearch';
 import { Field, FieldArray, useFormikContext } from 'formik';
 import { Dataset, ReferenceDataCode } from '@catalog-frontend/types';
 import { debounce, sortBy } from 'lodash';
-import styles from '../dataset-form.module.css';
 import FieldsetWithDelete from '../../fieldset-with-delete';
 
 interface Props {

diff --git a/...set-catalog/components/dataset-form/components/dataset-form-information-model-section.tsx b/...set-catalog/components/dataset-form/components/dataset-form-information-model-section.tsx
@@ -1,8 +1,8 @@
 'use client';
 import { Dataset } from '@catalog-frontend/types';
-import { AddButton, DeleteButton, FormContainer } from '@catalog-frontend/ui';
+import { AddButton } from '@catalog-frontend/ui';
 import { capitalizeFirstLetter, getTranslateText, localization } from '@catalog-frontend/utils';
-import { Heading, Combobox, Textfield, Label, Fieldset } from '@digdir/designsystemet-react';
+import { Combobox, Textfield, Fieldset } from '@digdir/designsystemet-react';
 import {
   useSearchInformationModelsByUri,
   useSearchInformationModelsSuggestions,

diff --git a/...talog/components/dataset-form/components/dataset-from-distribution/distribution-modal.tsx b/...talog/components/dataset-form/components/dataset-from-distribution/distribution-modal.tsx
@@ -73,10 +73,7 @@ export const DistributionModal = ({
     distribution?.accessServiceList ?? [],
   );
 
-  const { data: dataServices, isLoading: isLoadingDataServices } = useSearchDataServiceSuggestions(
-    searchEnv,
-    searchDataServicesQuery,
-  );
+  const { data: dataServices } = useSearchDataServiceSuggestions(searchEnv, searchDataServicesQuery);
 
   const comboboxOptions = [
     // Combine selectedDataServices and dataServices, adding missing URIs

diff --git a/apps/dataset-catalog/components/dataset-form/dataset-form.module.css b/apps/dataset-catalog/components/dataset-form/dataset-form.module.css
@@ -35,8 +35,8 @@
 
 .buttonContainer {
   display: flex;
-  height: 79.4px;
-  align-items: flex-end;
+  gap: 0.5rem;
+  align-items: center;
 }
 
 .fitContent {
@@ -46,3 +46,10 @@
 .field {
   padding: 0.5rem 0;
 }
+
+.verticalLine {
+  width: 1px;
+  height: 4rem;
+  background-color: #ccc;
+  margin: 0 0.5rem;
+}