Files
Stirling-PDF/frontend/src/core/hooks/useLogoAssets.ts
T
EthanHealy01andGitHub a6614e1bfb UI/allow logo selection (#4982)
# 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.
2025-11-25 15:22:14 +00:00

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]);
}