mirror of
https://github.com/arsvendg/Stirling-PDF.git
synced 2026-07-15 02:54:06 +02:00
# Description of Changes - Allow switching between logos in-app using the same section in settings --- ## Checklist ### General - [ ] I have read the [Contribution Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md) - [ ] I have read the [Stirling-PDF Developer Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md) (if applicable) - [ ] I have read the [How to add new languages to Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md) (if applicable) - [ ] I have performed a self-review of my own code - [ ] My changes generate no new warnings ### Documentation - [ ] I have updated relevant docs on [Stirling-PDF's doc repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/) (if functionality has heavily changed) - [ ] I have read the section [Add New Translation Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/HowToAddNewLanguage.md#add-new-translation-tags) (for new translation tags only) ### Translations (if applicable) - [ ] I ran [`scripts/counter_translation.py`](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/docs/counter_translation.md) ### UI Changes (if applicable) - [ ] Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR) ### Testing (if applicable) - [ ] I have tested my changes locally. Refer to the [Testing Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/devGuide/DeveloperGuide.md#6-testing) for more details.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
import { useMemo } from 'react';
|
|
import { BASE_PATH } from '@app/constants/app';
|
|
import { getLogoFolder } from '@app/constants/logo';
|
|
import { useLogoVariant } from '@app/hooks/useLogoVariant';
|
|
|
|
export function useLogoAssets() {
|
|
const logoVariant = useLogoVariant();
|
|
|
|
return useMemo(() => {
|
|
const folder = getLogoFolder(logoVariant);
|
|
const folderPath = `${BASE_PATH}/${folder}`;
|
|
|
|
return {
|
|
logoVariant,
|
|
folder,
|
|
folderPath,
|
|
getAssetPath: (name: string) => `${folderPath}/${name}`,
|
|
tooltipLogo: `${folderPath}/logo-tooltip.svg`,
|
|
firstPage: `${folderPath}/Firstpage.png`,
|
|
favicon: `${folderPath}/favicon.ico`,
|
|
logo192: `${folderPath}/logo192.png`,
|
|
logo512: `${folderPath}/logo512.png`,
|
|
wordmark: {
|
|
white: `${folderPath}/StirlingPDFLogoWhiteText.svg`,
|
|
black: `${folderPath}/StirlingPDFLogoBlackText.svg`,
|
|
grey: `${folderPath}/StirlingPDFLogoGreyText.svg`,
|
|
},
|
|
manifestHref: logoVariant === 'classic'
|
|
? `${BASE_PATH}/manifest-classic.json`
|
|
: `${BASE_PATH}/manifest.json`,
|
|
};
|
|
}, [logoVariant]);
|
|
}
|
|
|