mirror of
https://github.com/Stirling-Tools/Stirling-PDF.git
synced 2025-08-26 14:19:24 +00:00
895bcebc7b
# Description of Changes <!-- Please provide a summary of the changes, including: - What was changed - Why the change was made - Any challenges encountered Closes #(issue_number) --> --- ## 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) ### 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. --------- Co-authored-by: ConnorYoh <40631091+ConnorYoh@users.noreply.github.com> Co-authored-by: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import React, { useEffect } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useToolWorkflow } from "../contexts/ToolWorkflowContext";
|
|
import { Group } from "@mantine/core";
|
|
import { useSidebarContext } from "../contexts/SidebarContext";
|
|
import { useDocumentMeta } from "../hooks/useDocumentMeta";
|
|
import { getBaseUrl } from "../constants/app";
|
|
|
|
import ToolPanel from "../components/tools/ToolPanel";
|
|
import Workbench from "../components/layout/Workbench";
|
|
import QuickAccessBar from "../components/shared/QuickAccessBar";
|
|
import RightRail from "../components/shared/RightRail";
|
|
import FileManager from "../components/FileManager";
|
|
|
|
|
|
export default function HomePage() {
|
|
const { t } = useTranslation();
|
|
const {
|
|
sidebarRefs,
|
|
} = useSidebarContext();
|
|
|
|
const { quickAccessRef } = sidebarRefs;
|
|
|
|
const { selectedTool, selectedToolKey } = useToolWorkflow();
|
|
|
|
const baseUrl = getBaseUrl();
|
|
|
|
// Update document meta when tool changes
|
|
useDocumentMeta({
|
|
title: selectedTool ? `${selectedTool.name} - Stirling PDF` : 'Stirling PDF',
|
|
description: selectedTool?.description || t('app.description', 'The Free Adobe Acrobat alternative (10M+ Downloads)'),
|
|
ogTitle: selectedTool ? `${selectedTool.name} - Stirling PDF` : 'Stirling PDF',
|
|
ogDescription: selectedTool?.description || t('app.description', 'The Free Adobe Acrobat alternative (10M+ Downloads)'),
|
|
ogImage: selectedToolKey ? `${baseUrl}/og_images/${selectedToolKey}.png` : `${baseUrl}/og_images/home.png`,
|
|
ogUrl: selectedTool ? `${baseUrl}${window.location.pathname}` : baseUrl
|
|
});
|
|
|
|
// Note: File selection limits are now handled directly by individual tools
|
|
|
|
return (
|
|
<Group
|
|
align="flex-start"
|
|
gap={0}
|
|
className="min-h-screen w-screen overflow-hidden flex-nowrap flex"
|
|
>
|
|
<QuickAccessBar
|
|
ref={quickAccessRef} />
|
|
<ToolPanel />
|
|
<Workbench />
|
|
<RightRail />
|
|
<FileManager selectedTool={selectedTool as any /* FIX ME */} />
|
|
</Group>
|
|
);
|
|
} |