From 7be669c021991bd5f2ffff7bc0ff87ad146e61bb Mon Sep 17 00:00:00 2001 From: samueloh99 Date: Thu, 29 Jun 2023 15:38:27 -0300 Subject: [PATCH] Add more social media svg, change svg in project page and project lib page --- app/projects/[id]/page.tsx | 6 ++-- app/projects/page.tsx | 4 +-- components/svgs/social-medias.tsx | 32 +++++++++++++++++++- public/social-medias/github-fill.svg | 10 ++++++ public/social-medias/global-line.svg | 10 ++++++ public/social-medias/twitter-fill.svg | 10 ++++++ public/social-medias/youtube-fill.svg | 10 ++++++ public/socialmedias/githubgray.webp | Bin 752 -> 0 bytes public/socialmedias/githubprojectpage.webp | Bin 810 -> 0 bytes public/socialmedias/globalgray.webp | Bin 740 -> 0 bytes public/socialmedias/youtubeprojectpage.webp | Bin 714 -> 0 bytes 11 files changed, 76 insertions(+), 6 deletions(-) create mode 100644 public/social-medias/github-fill.svg create mode 100644 public/social-medias/global-line.svg create mode 100644 public/social-medias/twitter-fill.svg create mode 100644 public/social-medias/youtube-fill.svg delete mode 100644 public/socialmedias/githubgray.webp delete mode 100644 public/socialmedias/githubprojectpage.webp delete mode 100644 public/socialmedias/globalgray.webp delete mode 100644 public/socialmedias/youtubeprojectpage.webp diff --git a/app/projects/[id]/page.tsx b/app/projects/[id]/page.tsx index 4827380..e1ade5a 100644 --- a/app/projects/[id]/page.tsx +++ b/app/projects/[id]/page.tsx @@ -3,9 +3,9 @@ import NextImage from "next/image" import NextLink from "next/link" import { usePathname } from "next/navigation" -import GithubVector from "@/public/socialmedias/githubprojectpage.webp" -import GlobalVector from "@/public/socialmedias/globalprojectpage.webp" -import TwitterVector from "@/public/socialmedias/twitterprojectpage.webp" +import GithubVector from "@/public/social-medias/github-fill.svg" +import GlobalVector from "@/public/social-medias/global-line.svg" +import TwitterVector from "@/public/social-medias/twitter-fill.svg" import { projects } from "@/config/projects" import Breadcrumbs from "@/components/breadcrumbs" diff --git a/app/projects/page.tsx b/app/projects/page.tsx index 70fb957..79e93fb 100644 --- a/app/projects/page.tsx +++ b/app/projects/page.tsx @@ -3,8 +3,8 @@ import NextImage from "next/image" import NextLink from "next/link" import { useRouter } from "next/navigation" -import GithubVector from "@/public/socialmedias/githubgray.webp" -import GlobalVector from "@/public/socialmedias/globalgray.webp" +import GithubVector from "@/public/social-medias/github-fill.svg" +import GlobalVector from "@/public/social-medias/global-line.svg" import { projects } from "@/config/projects" diff --git a/components/svgs/social-medias.tsx b/components/svgs/social-medias.tsx index db03e56..c5be8a0 100644 --- a/components/svgs/social-medias.tsx +++ b/components/svgs/social-medias.tsx @@ -1,7 +1,7 @@ import React from "react" interface MySvgProps { - color: "white" | "black" + color: string } export const Github = ({ color }: MySvgProps) => { @@ -26,6 +26,36 @@ export const Github = ({ color }: MySvgProps) => { ) } +export const Global = ({ color }: MySvgProps) => { + return ( + + + + + + + + + + + ) +} + export const Discord = ({ color }: MySvgProps) => { return ( + + + + + + + + + diff --git a/public/social-medias/global-line.svg b/public/social-medias/global-line.svg new file mode 100644 index 0000000..3056f5d --- /dev/null +++ b/public/social-medias/global-line.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/social-medias/twitter-fill.svg b/public/social-medias/twitter-fill.svg new file mode 100644 index 0000000..2d87267 --- /dev/null +++ b/public/social-medias/twitter-fill.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/social-medias/youtube-fill.svg b/public/social-medias/youtube-fill.svg new file mode 100644 index 0000000..013652c --- /dev/null +++ b/public/social-medias/youtube-fill.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/public/socialmedias/githubgray.webp b/public/socialmedias/githubgray.webp deleted file mode 100644 index 4d9176a37831e21742f2b16a84d3443528c86c89..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 752 zcmWIYbaQ*b#J~{l>J$(bU=hK^z`$St!~zTq{0t19&dvcR7=c^{#uFft1t^u9S5g$@ z?xYYA8KuDffPoPR!5}fYxB$Y!N&;1Vy9QBvSr@Ac{DPb*sl~}aB_DuTr3h#_&`lyh zwn#dJtpQ>uLD)7Rc6mub2~bS{h+PyCI zUHL$m&XB{9%AmmD$&km8%%BHk837~JkipE+C%^;fSO(sLfZXb-dw3-{BbYl3gc~^7 zcnun7I80~oDDXU>l)#h*gnDsCE=O2CXqG7Lm6f@F)Rwu$>+RXv6Mge{>d6>fQaRaP z8e01;B!Ks#i-f{@Bhw6y>5S9N9d2s8`1x{lqGlPx-qvVH20=*84>d zUaH?*(`Y&&`+(EMlc!(E9#ITvFfOhaY7h@#G&vk&$J3zy^VVz&=D1RB24GrL07cyd zW`?;4}S>2nMk82)|KSpPDX<@ua&sTYQy iCdn2u>jqD=2?(*InG6iuTNxN6ZXv`} z7BDdIw=ghlJC6`Ugh@eSQ6ktl79h!#md3#FX*mM}ZzM1xE-)}~MT6yl1P-?;0HtJr z?#c(kbcP&;R0ahGPlh~(WClGT%Lo{$h74woJ^>zQfeLvW0&+KtJ*(N2Fs?oydS}_a8`GCCEP80Ob=y*9_SK(~ zBQqauSe9{s_mKBuwye8H*WDS>H_>ETk2fN~be2v)8T=y!!vc+`}(f zZ1`q2G1=JmaU8gB-15?c?T5&MUB4RHW}G!XAGAf+x4|+#)&5TYy*R}fmIuPS49UYUAZX|~wu#?Ycd3UNSRePCjk z%cvy^OuKf55?#)V6c>uHFeosyY;K4u;SM>Z!0_*zh=R}bx1V+h`FVydh)iDdX?jDX uti)kftBv2Bm77kPyJ$(bU=hK^z`$St!~zTq{0t19&dvcR7=c^{#uFft1t^u9S5g$@ z?xYYA8KuDffPoPR!5}fYxB$Y!N&;1Vy9QBvSr@Ac{DPb*sl~}aB_DuTr3h#_&`lyh zwn#dJtpQ>uLD)7Rc6mub2~bS{h+PyCI zUHL$m&XB{9%AmmD$&km8%%BHk837~JkipE+C%|JRP$6f7!0j@D=UyEx777+8${U)` zXk`RWShN5P7_Kp{eo)VO-&sIVP}pJi`u9bDc&yLA)Ol%s^-gAuM|zxA!2LjOf%6Gw z3_s1DaU6Zyb**f7rD~4SV$a_*UDP(Mnx>!odcmrt%r=+U8eTB``|!um_|3;-XWn_c z^!eV(6`$C==$HJ~xBo)4b=-{DE7EhA#JMwBugUoEY^Yn;{Wy4L_2RD|Q~zq&_3<$< z0Mn!bC^`d}8Rjx-2?EolouNpF(;`Jh2^IzgW|qwjiVO)2RsS115*Yq{)c^ngs(W&O UJ$(bU=hK^z`$St#3Bp~{0t19&dvcR7=c^{#uFft1t^u9S5g$@ z?xYYA8KuDffPoPR!5}fYxB$Y!N&;1Vy9QBvSr@Ac{DPb*sl~}aB_DuTr3h#_&`m%` zGKi!@*cu>q5`=97VwaZ`lmOKPfY?PLLC!#S3XrXlj>JwvVkZ|Afz-3j@Qp^9V6Sm=q)yC4!A(0g_Bm$qafxmJu*g4H?WFeF8k{fC^a)0;2Qh)d(4}x*Q5{kZox3 zcp;*qk-%5BD#3z*{S0HN!^I2noPvgo4KXtuTWpk;r8D?k+^hHH@PW*_UW?0dU3ZkW zOx0O&<