mirror/aliasvault
1
0
Fork 0
mirror of https://github.com/aliasvault/aliasvault.git synced 2026-05-18 13:28:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add extension version to settings page (#647)

Browse Source
This commit is contained in:
Leendert de Borst
2025-03-05 21:02:31 +01:00
committed by Leendert de Borst
parent ceaa7731fe
commit b30338de37
3 changed files with 14 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
browser-extensions/chrome/src/app/components/Layout/BottomNav.tsx
View File

@@ -3,6 +3,8 @@ import { useNavigate, useLocation } from 'react-router-dom';
import { useAuth } from '../../context/AuthContext';
import { useDb } from '../../context/DbContext';
type TabName = 'credentials' | 'emails' | 'settings';
/**
* Bottom nav component.
*/
@@ -11,11 +13,11 @@ const BottomNav: React.FC = () => {
const dbContext = useDb();
const navigate = useNavigate();
const location = useLocation();
const [currentTab, setCurrentTab] = useState<'credentials' | 'emails' | 'settings'>('credentials');
const [currentTab, setCurrentTab] = useState<TabName>('credentials');
// Add effect to update currentTab based on route
useEffect(() => {
const path = location.pathname.substring(1) as 'credentials' | 'emails' | 'settings';
const path = location.pathname.substring(1) as TabName;
if (['credentials', 'emails', 'settings'].includes(path)) {
setCurrentTab(path);
}
@@ -24,7 +26,7 @@ const BottomNav: React.FC = () => {
/**
* Handle tab change.
*/
const handleTabChange = (tab: 'credentials' | 'emails' | 'settings') : void => {
const handleTabChange = (tab: TabName) : void => {
setCurrentTab(tab);
navigate(`/${tab}`);
};

4
browser-extensions/chrome/src/app/pages/AuthSettings.tsx
View File

@@ -119,6 +119,10 @@ const AuthSettings: React.FC = () => {
</div>
</>
)}
<div className="text-center text-gray-400 dark:text-gray-600">
Version: {AppInfo.VERSION}
</div>
</div>
);
};

5
browser-extensions/chrome/src/app/pages/Settings.tsx
View File

@@ -1,5 +1,6 @@
import React, { useEffect, useState, useCallback } from 'react';
import { DISABLED_SITES_KEY, GLOBAL_POPUP_ENABLED_KEY } from '../../contentScript/Popup';
import { AppInfo } from '../../shared/AppInfo';
/**
* Popup settings type.
@@ -177,6 +178,10 @@ const Settings: React.FC = () => {
</div>
</div>
</section>
<div className="text-center text-gray-400 dark:text-gray-600">
Version: {AppInfo.VERSION}
</div>
</div>
);
};