git-sync/profilarr
1
0
Fork 0
mirror of https://github.com/Dictionarry-Hub/profilarr.git synced 2026-01-22 10:51:02 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: Wait for dev mode request to finish before populating status container

Browse Source
This commit is contained in:
Sam Chau
2024-09-19 14:12:55 +09:30
parent de2fd0457b
commit 6afb274e41
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/settings/SettingsPage.jsx
View File

@@ -27,10 +27,11 @@ const SettingsPage = () => {
const [showBranchModal, setShowBranchModal] = useState(false);
const [loadingAction, setLoadingAction] = useState('');
const [statusLoading, setStatusLoading] = useState(true);
const [devModeLoading, setDevModeLoading] = useState(true);
const [statusLoadingMessage, setStatusLoadingMessage] = useState('');
const [noChangesMessage, setNoChangesMessage] = useState('');
const [activeTab, setActiveTab] = useState('git'); // New state for tab navigation
const tabsRef = useRef({}); // Ref for tabs
const [activeTab, setActiveTab] = useState('git');
const tabsRef = useRef({});
useEffect(() => {
fetchSettings();
@@ -38,12 +39,15 @@ const SettingsPage = () => {
}, []);
const checkDevModeStatus = async () => {
setDevModeLoading(true);
try {
const response = await checkDevMode();
setIsDevMode(response.devMode);
} catch (error) {
console.error('Error checking dev mode:', error);
setIsDevMode(false);
} finally {
setDevModeLoading(false);
}
};
@@ -215,14 +219,16 @@ const SettingsPage = () => {
{settings && (
<div className='space-y-4'>
{statusLoading ? (
{statusLoading || devModeLoading ? (
<div className='flex items-left justify-left dark:bg-gray-800 p-4 rounded-md border border-gray-200 dark:border-gray-700 text-sm'>
<Loader
className='animate-spin mr-2'
size={16}
/>
<span className='text-gray-300'>
{statusLoadingMessage}
{statusLoading
? statusLoadingMessage
: 'Checking development mode...'}
</span>
</div>
) : (