Rename Tabs to SettingsTabs

Altinn · Mar 3, 2025 · b20d7a3 · b20d7a3
1 parent cda89ca
commit b20d7a3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/.../ux-editor/src/components/Tabs.module.css → ...mponents/Settings/SettingsTabs.module.css b/.../ux-editor/src/components/Tabs.module.css → ...mponents/Settings/SettingsTabs.module.css
diff --git a/...ackages/ux-editor/src/components/Tabs.tsx → .../src/components/Settings/SettingsTabs.tsx b/...ackages/ux-editor/src/components/Tabs.tsx → .../src/components/Settings/SettingsTabs.tsx
@@ -2,10 +2,10 @@ import type { ReactElement } from 'react';
 import React from 'react';
 import { StudioHeading, StudioTabs } from '@studio/components';
 import { useTranslation } from 'react-i18next';
-import classes from './Tabs.module.css';
+import classes from './Settings.module.css';
 import { CompassIcon, DatabaseIcon } from '@studio/icons';
 
-const SettingTabs = [
+const tabs = [
   {
     icon: CompassIcon,
     title: 'ux_editor.settings.navigation_tab',
@@ -16,17 +16,17 @@ const SettingTabs = [
   },
 ];
 
-export const Tabs = (): ReactElement => {
+export const SettingsTabs = (): ReactElement => {
   const { t } = useTranslation();
 
   return (
     <div>
       <StudioHeading level={2} size='xsmall' className={classes.heading}>
         {t('ux_editor.settings.other_settings')}
       </StudioHeading>
-      <StudioTabs defaultValue={SettingTabs[0].title}>
+      <StudioTabs defaultValue={tabs[0].title}>
         <StudioTabs.List>
-          {SettingTabs.map((tab) => {
+          {tabs.map((tab) => {
             const TabIcon = tab.icon;
             return (
               <StudioTabs.Tab key={tab.title} value={tab.title}>

diff --git a/frontend/packages/ux-editor/src/containers/FormDesignNavigation/FormDesignerNavigation.tsx b/frontend/packages/ux-editor/src/containers/FormDesignNavigation/FormDesignerNavigation.tsx
@@ -4,7 +4,7 @@ import classes from './FormDesignerNavigation.module.css';
 import { useTranslation } from 'react-i18next';
 import { useStudioEnvironmentParams } from 'app-shared/hooks/useStudioEnvironmentParams';
 import { useAppConfigQuery } from 'app-development/hooks/queries';
-import { Tabs } from '../../components/Tabs';
+import { SettingsTabs } from '../../components/Settings/SettingsTabs';
 
 export const FormDesignerNavigation = () => {
   const { t } = useTranslation();
@@ -16,7 +16,7 @@ export const FormDesignerNavigation = () => {
         <div className={classes.panel}>
           <div className={classes.content}>
             <div className={classes.header}>{appConfigData?.serviceName}</div>
-            <Tabs />
+            <SettingsTabs />
           </div>
           <footer className={classes.footer}>
             <Link href='/contact'>{t('general.contact')}</Link>