4e357c4ad0
* chore: update next images with html default images * chore: sync related changes * Update apps/admin/core/components/instance/failure.tsx Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> * Update apps/space/app/not-found.tsx Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> * Update apps/space/core/components/issues/issue-layouts/error.tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update apps/space/core/components/ui/not-found.tsx Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * chore: replace classname styles in space * fix: copoilot suggestions * fix: copilot suggestions * chore: format files --------- Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com> Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
43 lines
1.4 KiB
TypeScript
43 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { useTheme } from "next-themes";
|
|
// plane imports
|
|
import { HEADER_GITHUB_ICON, GITHUB_REDIRECTED_TRACKER_EVENT } from "@plane/constants";
|
|
import { useTranslation } from "@plane/i18n";
|
|
// assets
|
|
import githubBlackImage from "@/app/assets/logos/github-black.png?url";
|
|
import githubWhiteImage from "@/app/assets/logos/github-white.png?url";
|
|
// helpers
|
|
import { captureElementAndEvent } from "@/helpers/event-tracker.helper";
|
|
|
|
export const StarUsOnGitHubLink = () => {
|
|
// plane hooks
|
|
const { t } = useTranslation();
|
|
// hooks
|
|
const { resolvedTheme } = useTheme();
|
|
const imageSrc = resolvedTheme === "dark" ? githubWhiteImage : githubBlackImage;
|
|
|
|
return (
|
|
<a
|
|
aria-label={t("home.star_us_on_github")}
|
|
onClick={() =>
|
|
captureElementAndEvent({
|
|
element: {
|
|
elementName: HEADER_GITHUB_ICON,
|
|
},
|
|
event: {
|
|
eventName: GITHUB_REDIRECTED_TRACKER_EVENT,
|
|
state: "SUCCESS",
|
|
},
|
|
})
|
|
}
|
|
className="flex flex-shrink-0 items-center gap-1.5 rounded bg-custom-background-80 px-3 py-1.5"
|
|
href="https://github.com/makeplane/plane"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
>
|
|
<img src={imageSrc} className="h-4 w-4 object-contain" alt="GitHub Logo" aria-hidden="true" />
|
|
<span className="hidden text-xs font-medium sm:hidden md:block">{t("home.star_us_on_github")}</span>
|
|
</a>
|
|
);
|
|
};
|