fix: fix spelling of GitHub (#650)

EndBug · riccardoperra · web-flow · commit 4ed8ff18c875 · 2024-12-21T09:38:17.000+01:00
* fix: fix spelling of GitHub

* Create shaggy-buses-try.md

---------

Co-authored-by: Riccardo Perra &lt;perrariccardo0@gmail.com&gt;
diff --git a/.changeset/shaggy-buses-try.md b/.changeset/shaggy-buses-try.md
@@ -0,0 +1,7 @@
+---
+"@codeimage/app": patch
+"@codeimage/website": patch
+"@codeimage/highlight": patch
+---
+
+fix: fix spelling of GitHub
diff --git a/apps/codeimage/src/components/Toolbar/ToolbarSettings.tsx b/apps/codeimage/src/components/Toolbar/ToolbarSettings.tsx
@@ -50,7 +50,7 @@ export function ToolbarSettingsButton() {
             style={{'text-decoration': 'unset'}}
             href={'https://github.com/riccardoperra/codeimage'}
           >
-            Github
+            GitHub
           </DropdownMenuItem>
 
           <Show when={loggedIn()}>
diff --git a/apps/codeimage/src/components/UserBadge/UserBadge.tsx b/apps/codeimage/src/components/UserBadge/UserBadge.tsx
@@ -7,7 +7,7 @@ import {
   DropdownMenuPortal,
   DropdownMenuTrigger,
 } from '@codeui/kit';
-import {GithubLoginButton} from '@ui/GithubLoginButton/GithubLoginButton';
+import {GitHubLoginButton} from '@ui/GitHubLoginButton/GitHubLoginButton';
 import {Show} from 'solid-js';
 import * as styles from './UserBadge.css';
 
@@ -26,7 +26,7 @@ export function UserBadge() {
   };
 
   return (
-    <Show fallback={<GithubLoginButton />} when={loggedIn()}>
+    <Show fallback={<GitHubLoginButton />} when={loggedIn()}>
       <DropdownMenu>
         <DropdownMenuTrigger as={Badge} theme={styles.badge} size={'md'}>
           {initials()}
diff --git a/apps/codeimage/src/ui/GitHubLoginButton/GitHubLoginButton.css.ts b/apps/codeimage/src/ui/GitHubLoginButton/GitHubLoginButton.css.ts
diff --git a/apps/codeimage/src/ui/GitHubLoginButton/GitHubLoginButton.tsx b/apps/codeimage/src/ui/GitHubLoginButton/GitHubLoginButton.tsx
@@ -3,22 +3,22 @@ import {Box, SvgIcon, SvgIconProps} from '@codeimage/ui';
 import {Button} from '@codeui/kit';
 import {useModality} from '@core/hooks/isMobile';
 import {Show} from 'solid-js';
-import * as styles from './GithubLoginButton.css';
+import * as styles from './GitHubLoginButton.css';
 
-function GithubIcon(props: SvgIconProps) {
+function GitHubIcon(props: SvgIconProps) {
   return (
     <SvgIcon viewBox="0 0 24 24" {...props} fill={'currentColor'}>
       <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
     </SvgIcon>
   );
 }
 
-export function GithubLoginButton() {
+export function GitHubLoginButton() {
   const {login} = getAuth0State();
   const modality = useModality();
   return (
     <Button size={'sm'} class={styles.button} onClick={() => login()}>
-      <GithubIcon size={'md'} />
+      <GitHubIcon size={'md'} />
       <Box as={'span'} marginLeft={2}>
         <Show fallback={'Sign in'} when={modality === 'full'} keyed={true}>
           Sign in with GitHub
diff --git a/apps/website/src/components/Footer/Footer.tsx b/apps/website/src/components/Footer/Footer.tsx
@@ -24,8 +24,8 @@ export default function Footer() {
               class={styles.link}
               underline={true}
               href={'https://github.com/riccardoperra/codeimage'}
-              title="Github repository"
-              children={'Github'}
+              title="GitHub repository"
+              children={'GitHub'}
             />
             <Link
               class={styles.link}
diff --git a/apps/website/src/components/GitHubButton/GitHubButton.css.ts b/apps/website/src/components/GitHubButton/GitHubButton.css.ts
diff --git a/apps/website/src/components/GitHubButton/GitHubButton.tsx b/apps/website/src/components/GitHubButton/GitHubButton.tsx
@@ -1,6 +1,6 @@
 import {Button, LoadingCircle} from '@codeimage/ui';
 import {JSX, ParentProps, Show} from 'solid-js';
-import * as styles from './GithubButton.css';
+import * as styles from './GitHubButton.css';
 
 type GithubButtonProps = {
   stars: number;
@@ -22,12 +22,12 @@ function Star(props: JSX.IntrinsicElements['svg']) {
       <path
         fill-rule="evenodd"
         d="M8 .25a.75.75 0 01.673.418l1.882 3.815 4.21.612a.75.75 0 01.416 1.279l-3.046 2.97.719 4.192a.75.75 0 01-1.088.791L8 12.347l-3.766 1.98a.75.75 0 01-1.088-.79l.72-4.194L.818 6.374a.75.75 0 01.416-1.28l4.21-.611L7.327.668A.75.75 0 018 .25zm0 2.445L6.615 5.5a.75.75 0 01-.564.41l-3.097.45 2.24 2.184a.75.75 0 01.216.664l-.528 3.084 2.769-1.456a.75.75 0 01.698 0l2.77 1.456-.53-3.084a.75.75 0 01.216-.664l2.24-2.183-3.096-.45a.75.75 0 01-.564-.41L8 2.694v.001z"
-      ></path>
+      />
     </svg>
   );
 }
 
-export function GithubButton(props: ParentProps<GithubButtonProps>) {
+export function GitHubButton(props: ParentProps<GithubButtonProps>) {
   return (
     <Button
       size={'xl'}
diff --git a/apps/website/src/components/Header/Header.tsx b/apps/website/src/components/Header/Header.tsx
@@ -44,7 +44,7 @@ export function Header() {
               as={'a'}
               href={`${mainWebsiteLink}/login`}
               theme="secondary"
-              leftIcon={<GithubIcon />}
+              leftIcon={<GitHubIcon />}
               class={styles.loginButton}
               title={'Login'}
             >
@@ -68,7 +68,7 @@ export function Header() {
   );
 }
 
-function GithubIcon(props: SvgIconProps) {
+function GitHubIcon(props: SvgIconProps) {
   return (
     <SvgIcon viewBox="0 0 24 24" {...props} fill={'currentColor'}>
       <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
diff --git a/apps/website/src/components/Landing/OpenSource/OpenSource.tsx b/apps/website/src/components/Landing/OpenSource/OpenSource.tsx
@@ -51,7 +51,7 @@ export default function OpenSource() {
           <Box marginTop={4}>
             <Text class={styles.description}>
               CodeImage is an open source project, which is available entirely
-              on Github.
+              on GitHub.
             </Text>
           </Box>
 
diff --git a/apps/website/src/components/Main/MainPage.tsx b/apps/website/src/components/Main/MainPage.tsx
@@ -5,7 +5,7 @@ import * as styles from '~/components/Main/MainPage.css';
 import {breakpoints} from '~/theme/breakpoints';
 import {mainWebsiteLink} from '~/core/constants';
 import {routeData} from '~/routes';
-import {GithubButton} from '../GithubButton/GithubButton';
+import {GitHubButton} from '../GitHubButton/GitHubButton';
 import {Header} from '../Header/Header';
 
 export default function MainPage() {
@@ -45,7 +45,7 @@ export default function MainPage() {
                 Getting started
               </Button>
 
-              <GithubButton loading={loading()} stars={stars()} />
+              <GitHubButton loading={loading()} stars={stars()} />
             </div>
           </div>
           <div class={styles.imagePerspectiveBox} ref={imageBox}>
diff --git a/packages/highlight/src/lib/themes/githubDarkDimmed/index.ts b/packages/highlight/src/lib/themes/githubDarkDimmed/index.ts
@@ -7,7 +7,7 @@ export const githubDarkDimmedTheme = createTheme({
   editorTheme: githubDarkDimmed,
   properties: {
     darkMode: true,
-    label: 'Github Dark Dimmed',
+    label: 'GitHub Dark Dimmed',
     previewBackground:
       'linear-gradient(140deg, rgb(241 160 61), rgb(192 74 65),  rgb(115, 52, 52))',
     terminal: {

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ export function ToolbarSettingsButton() {`
`50`	`50`	`style={{'text-decoration': 'unset'}}`
`51`	`51`	`href={'https://github.com/riccardoperra/codeimage'}`
`52`	`52`	`>`
`53`		`- Github`
	`53`	`+ GitHub`
`54`	`54`	`</DropdownMenuItem>`
`55`	`55`
`56`	`56`	`<Show when={loggedIn()}>`