From 454f93fb11b90e33e8585a591fc5e1a5e0032b95 Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gabriel.delosrios@tutamail.com>
Date: Sat, 7 Feb 2026 23:52:02 -0300
Subject: [PATCH] feat: add settings page

---
 src/app/pages/settings/settings.html    |  3 +++
 src/app/pages/settings/settings.spec.ts | 25 +++++++++++++++++++++++++
 src/app/pages/settings/settings.ts      | 19 +++++++++++++++++++
 3 files changed, 47 insertions(+)
 create mode 100644 src/app/pages/settings/settings.html
 create mode 100644 src/app/pages/settings/settings.spec.ts
 create mode 100644 src/app/pages/settings/settings.ts

diff --git a/src/app/pages/settings/settings.html b/src/app/pages/settings/settings.html
new file mode 100644
index 0000000..40351f3
--- /dev/null
+++ b/src/app/pages/settings/settings.html
@@ -0,0 +1,3 @@
+<app-simple-layout title="settings.title">
+  <app-icon-nav-list [items]="menuItems"/>
+</app-simple-layout>
diff --git a/src/app/pages/settings/settings.spec.ts b/src/app/pages/settings/settings.spec.ts
new file mode 100644
index 0000000..91df016
--- /dev/null
+++ b/src/app/pages/settings/settings.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Settings } from './settings';
+import { provideTranslateService } from '@ngx-translate/core';
+import { ActivatedRoute } from '@angular/router';
+
+describe('Settings', () => {
+  let component: Settings;
+  let fixture: ComponentFixture<Settings>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Settings],
+      providers: [provideTranslateService({}), { provide: ActivatedRoute, useValue: {} }],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(Settings);
+    component = fixture.componentInstance;
+    await fixture.whenStable();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/settings/settings.ts b/src/app/pages/settings/settings.ts
new file mode 100644
index 0000000..5a3af8e
--- /dev/null
+++ b/src/app/pages/settings/settings.ts
@@ -0,0 +1,19 @@
+import { Component } from '@angular/core';
+import { SimpleLayout } from '../../components/simple-layout/simple-layout';
+import { IconNavListItem } from '../../components/icon-nav-list/IconNavListItem';
+import { IconNavList } from "../../components/icon-nav-list/icon-nav-list";
+
+@Component({
+  selector: 'app-settings',
+  imports: [  SimpleLayout, IconNavList],
+  templateUrl: './settings.html',
+  styles: ``,
+})
+export class Settings {
+  readonly menuItems = [
+    new IconNavListItem('translate', 'settings.nav.language', ['languages']),
+    new IconNavListItem('warehouse', 'settings.nav.manage_chains', ['chains']),
+    new IconNavListItem('store', 'settings.nav.manage_establishments', ['/']),
+    new IconNavListItem('shopping_bag', 'settings.nav.manage_products', ['/']),
+  ];
+}