From 4284143cb2b9bc1b372144dcd0c5e0f9b8f017c5 Mon Sep 17 00:00:00 2001
From: DerEchteAlec <bycraky@gmail.com>
Date: Thu, 13 Aug 2026 19:11:25 +0200
Subject: [PATCH] FIX - add Glass to Companies request filter

---
 .../CompaniesApp.navigation.contract.test.ts  | 20 +++++++++++++++++++
 frontend/src/views/apps/CompaniesApp.vue      |  7 ++++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/apps/CompaniesApp.navigation.contract.test.ts b/frontend/src/views/apps/CompaniesApp.navigation.contract.test.ts
index 296e003..989ccbf 100644
--- a/frontend/src/views/apps/CompaniesApp.navigation.contract.test.ts
+++ b/frontend/src/views/apps/CompaniesApp.navigation.contract.test.ts
@@ -10,6 +10,13 @@ const navigationSource = source.slice(
   source.indexOf('<SkyPillNavigation'),
   source.indexOf('</SkyPillNavigation>') + '</SkyPillNavigation>'.length,
 )
+const requestFilterSource = source.slice(
+  source.indexOf('<div class="companies-segment-wrap">'),
+  source.indexOf(
+    '</div>',
+    source.indexOf('<div class="companies-segment-wrap">'),
+  ) + '</div>'.length,
+)
 
 describe('CompaniesApp Sky pill navigation contract', () => {
   it('uses the full-width sliding glass navigation on the root screen', () => {
@@ -40,4 +47,17 @@ describe('CompaniesApp Sky pill navigation contract', () => {
   it('retains tabbar-aware padding on all three root scroll owners', () => {
     expect(source.match(/with-tabbar/g)).toHaveLength(3)
   })
+
+  it('uses the shared sliding Glass system for the request-state filter', () => {
+    expect(requestFilterSource).toContain('<SkySegmented')
+    expect(requestFilterSource).toContain('navigation')
+    expect(requestFilterSource).toContain(':item-count="2"')
+    expect(requestFilterSource).toContain(
+      ':active-index="requestList === \'open\' ? 0 : 1"',
+    )
+    expect(requestFilterSource).toContain(
+      ':aria-label="phone.t(\'Apps.companies.tabs.requests\')"',
+    )
+    expect(requestFilterSource.match(/<SkySegmentedButton\b/g)).toHaveLength(2)
+  })
 })
diff --git a/frontend/src/views/apps/CompaniesApp.vue b/frontend/src/views/apps/CompaniesApp.vue
index b8c8b63..8f37dbd 100644
--- a/frontend/src/views/apps/CompaniesApp.vue
+++ b/frontend/src/views/apps/CompaniesApp.vue
@@ -1197,7 +1197,12 @@ onBeforeUnmount(() => {
       with-tabbar
     >
       <div class="companies-segment-wrap">
-        <SkySegmented>
+        <SkySegmented
+          :active-index="requestList === 'open' ? 0 : 1"
+          :aria-label="phone.t('Apps.companies.tabs.requests')"
+          :item-count="2"
+          navigation
+        >
           <SkySegmentedButton
             :active="requestList === 'open'"
             @click="requestList = 'open'"