Merge pull request #229 from Nexters/feature/discord-footer

feat: 푸터에 디스코드 링크 추가
Nexters · Oct 28, 2024 · 7214ef1 · 7214ef1
2 parents d3eb994 + 02b73e1
commit 7214ef1
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 1 deletion.
diff --git a/packages/icon/src/components/Discord.tsx b/packages/icon/src/components/Discord.tsx
@@ -0,0 +1,22 @@
+export const Discord = () => (
+  <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink">
+    <g clipPath="url(#clip0_13433_5906)">
+      <mask id="mask0_13433_5906" style={{ maskType: 'alpha' }} maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
+        <rect width="24" height="25" fill="url(#pattern0_13433_5906)" />
+      </mask>
+      <g mask="url(#mask0_13433_5906)">
+        <rect width="24" height="24" fill="currentColor" />
+      </g>
+    </g>
+    <defs>
+      <pattern id="pattern0_13433_5906" patternContentUnits="objectBoundingBox" width="1" height="1">
+        <use xlinkHref="#image0_13433_5906" transform="matrix(0.00159574 0 0 0.00153191 0.00611702 0.12)" />
+      </pattern>
+      <clipPath id="clip0_13433_5906">
+        <rect width="24" height="24" fill="white" />
+      </clipPath>
+      <image id="image0_13433_5906" width="619" height="470" xlinkHref="data:image/png;base64,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" />
+    </defs>
+  </svg>
+
+)
diff --git a/packages/icon/src/components/index.ts b/packages/icon/src/components/index.ts
@@ -67,6 +67,7 @@ import { Setting } from './Setting';
 import { Logout } from './Logout';
 import { Call } from './Call';
 import { Message } from './Message';
+import { Discord } from './Discord';
 
 export {
   Apple as AppleIcon,
@@ -138,4 +139,6 @@ export {
   Logout as LogoutIcon,
   Call as CallIcon,
   Message as MessageIcon,
+  Discord as DiscordIcon,
 };
+
diff --git a/packages/ui/src/components/Footer/index.tsx b/packages/ui/src/components/Footer/index.tsx
@@ -1,4 +1,4 @@
-import { InstagramIcon, KakaotalkIcon } from '@boolti/icon';
+import { DiscordIcon, InstagramIcon, KakaotalkIcon } from '@boolti/icon';
 
 import Styled from './Footer.styles';
 
@@ -87,6 +87,13 @@ const Footer = ({ darkMode }: FooterProps) => {
           {/* <Styled.IconLink>
             <GithubIcon />
           </Styled.IconLink> */}
+          <Styled.IconLink
+            href="https://discord.gg/GzHYbRTaP7"
+            target="_blank"
+            rel="noreferrer noopener nofollow"
+          >
+            <DiscordIcon />
+          </Styled.IconLink>
           <Styled.IconLink
             href="http://pf.kakao.com/_pVxfxaG/chat"
             target="_blank"