feat: apply resume link at blog kbar

hyesungoh · Apr 18, 2022 · 8d5c430 · 8d5c430
1 parent 0493d32
commit 8d5c430
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 2 deletions.
diff --git a/apps/blog/_config/index.json b/apps/blog/_config/index.json
@@ -2,5 +2,6 @@
   "blogName": "Cometin'",
   "blogDescription": "I like to share my knowledge.",
   "blogRepo": "hyesungoh/comet-land",
-  "blogUrl": "https://comet-land-blog.vercel.app"
+  "blogUrl": "https://comet-land-blog.vercel.app",
+  "resumeUrl": "https://comet-land-resume.vercel.app"
 }
diff --git a/apps/blog/_config/index.ts b/apps/blog/_config/index.ts
@@ -4,3 +4,4 @@ export const blogName = jsonData.blogName;
 export const blogDescription = jsonData.blogDescription;
 export const blogRepo = jsonData.blogRepo;
 export const blogUrl = jsonData.blogUrl;
+export const resumeUrl = jsonData.resumeUrl;
diff --git a/apps/blog/src/constants/KbarActions/index.ts b/apps/blog/src/constants/KbarActions/index.ts
@@ -2,6 +2,7 @@ import { NextRouter } from 'next/router';
 import { IconActionType, socialActions } from 'core/constants';
 import { openExternalLink } from 'core/utils';
 
+import { resumeUrl } from '../../../_config';
 import categoryActions from './categories';
 import postActions from './posts';
 
@@ -35,7 +36,24 @@ function generateKbarAction(router: NextRouter) {
     perform: () => openExternalLink('/rss.xml'),
   };
 
-  const kbarActions: IconActionType[] = [...routePostActions, ...routeCategoryActions, rssFeedAction, ...socialActions];
+  const resumeAction = {
+    id: 'resume',
+    name: 'Resume',
+    subtitle: resumeUrl,
+    section: 'Social',
+    shortcut: [],
+    keywords: 'contact, hire, job',
+    icon: 'Info',
+    perform: () => openExternalLink(resumeUrl),
+  };
+
+  const kbarActions: IconActionType[] = [
+    ...routePostActions,
+    ...routeCategoryActions,
+    rssFeedAction,
+    ...socialActions,
+    resumeAction,
+  ];
 
   return kbarActions;
 }

diff --git a/packages/core/components/Icon/svg/Info.tsx b/packages/core/components/Icon/svg/Info.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+import { IconProps } from '../type';
+
+export function Info({ width = '24px', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width={width} {...props}>
+      <path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z" />
+    </svg>
+  );
+}
diff --git a/packages/core/components/Icon/svg/index.tsx b/packages/core/components/Icon/svg/index.tsx
@@ -4,6 +4,7 @@ import { Email } from './Email';
 import { Facebook } from './Facebook';
 import { Github } from './Github';
 import { GithubLine } from './GithubLine';
+import { Info } from './Info';
 import { Instagram } from './Instagram';
 import { Link } from './Link';
 import { Linkedin } from './Linkedin';
@@ -19,6 +20,7 @@ export const svg = {
   Facebook,
   Github,
   GithubLine,
+  Info,
   Instagram,
   Link,
   Linkedin,