From bc1bb9067b4393bcd7d224c74705b9108d29b719 Mon Sep 17 00:00:00 2001 From: Thomas Stephens Date: Fri, 16 Jan 2026 09:35:29 -0800 Subject: [PATCH] Add desktop link for new GitHub issues --- components/system/Desktop/StyledIssueLink.ts | 27 ++++++++++++++++++++ components/system/Desktop/index.tsx | 14 +++++++++- utils/constants.ts | 3 +++ 3 files changed, 43 insertions(+), 1 deletion(-) create mode 100644 components/system/Desktop/StyledIssueLink.ts diff --git a/components/system/Desktop/StyledIssueLink.ts b/components/system/Desktop/StyledIssueLink.ts new file mode 100644 index 0000000000..d431da1339 --- /dev/null +++ b/components/system/Desktop/StyledIssueLink.ts @@ -0,0 +1,27 @@ +import styled from "styled-components"; +import { TASKBAR_HEIGHT } from "utils/constants"; + +const StyledIssueLink = styled.a` + bottom: calc(${TASKBAR_HEIGHT}px + 0.5rem); + color: #fff; + font-size: 0.85rem; + opacity: 0.8; + position: absolute; + right: 1.5rem; + text-decoration: none; + text-shadow: 0 0 6px rgba(0, 0, 0, 0.5); + transition: opacity 0.2s ease-in-out; + z-index: 1; + + &:hover { + opacity: 1; + text-decoration: underline; + } + + &:focus-visible { + outline: 2px solid #fff; + outline-offset: 2px; + } +`; + +export default StyledIssueLink; diff --git a/components/system/Desktop/index.tsx b/components/system/Desktop/index.tsx index b04053ccfa..59fe542fd8 100644 --- a/components/system/Desktop/index.tsx +++ b/components/system/Desktop/index.tsx @@ -1,9 +1,14 @@ import { useRef } from "react"; import StyledDesktop from "components/system/Desktop/StyledDesktop"; +import StyledIssueLink from "components/system/Desktop/StyledIssueLink"; import useWallpaper from "components/system/Desktop/Wallpapers/useWallpaper"; import FileManager from "components/system/Files/FileManager"; import useHeightOverride from "hooks/useHeightOverride"; -import { DESKTOP_PATH, PACKAGE_DATA } from "utils/constants"; +import { + DESKTOP_PATH, + GITHUB_NEW_ISSUE_URL, + PACKAGE_DATA, +} from "utils/constants"; const Desktop: FC = ({ children }) => { const heightOverride = useHeightOverride(); @@ -34,6 +39,13 @@ const Desktop: FC = ({ children }) => { isDesktop loadIconsImmediately /> + + Report an issue + {children} ); diff --git a/utils/constants.ts b/utils/constants.ts index dedc18da4a..88186710ae 100644 --- a/utils/constants.ts +++ b/utils/constants.ts @@ -335,6 +335,9 @@ export const PACKAGE_DATA = { version: "2.0.0", }; +export const GITHUB_NEW_ISSUE_URL = + "https://github.com/tmsteph/tommyOS/issues/new"; + export const BASE_ZIP_CONFIG: AsyncZipOptions = { consume: true, level: 0,