π Chip and event type chip
This commit is contained in:
Π ΠΎΠ΄ΠΈΡΠ΅Π»Ρ
afa90af7d2
ΠΠΎΠΌΠΌΠΈΡ
e43eb4dc1a
|
@ -0,0 +1,14 @@
|
|||
import clsx from 'clsx'
|
||||
|
||||
const Chip = ({ label, icon, customColor }) => {
|
||||
const classes = clsx('chip', { 'custom-color': customColor })
|
||||
|
||||
return (
|
||||
<div className={classes} style={{ backgroundColor: customColor }}>
|
||||
{icon ? <span className="chip__icon">{icon}</span> : null}
|
||||
<span className="chip__label">{label}</span>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Chip
|
|
@ -0,0 +1,36 @@
|
|||
.chip {
|
||||
padding: spacing(1) spacing(1.5);
|
||||
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
column-gap: 6px;
|
||||
|
||||
background-color: $white;
|
||||
@extend %subtitle-1;
|
||||
color: $purple;
|
||||
|
||||
border-radius: 27px;
|
||||
cursor: default;
|
||||
|
||||
&__icon {
|
||||
height: 18px;
|
||||
width: 18px;
|
||||
|
||||
svg {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
path {
|
||||
fill: $purple;
|
||||
}
|
||||
}
|
||||
|
||||
&.custom-color {
|
||||
color: $white;
|
||||
|
||||
path {
|
||||
fill: $white;
|
||||
}
|
||||
}
|
||||
}
|
|
@ -1,6 +1,8 @@
|
|||
import md from 'markdown-it'
|
||||
import clsx from 'clsx'
|
||||
|
||||
import EventTypeChip from '../event-type-chip/EventTypeChip'
|
||||
|
||||
import IconVideo from '../../public/icons/video'
|
||||
|
||||
// TODO: title heading for SEO (titleComponent?)
|
||||
|
@ -13,7 +15,7 @@ const EventDetail = ({ event, reverseColumns }) => {
|
|||
return (
|
||||
<article className={classes}>
|
||||
<div className="event-detail__info">
|
||||
<p>{event.type}</p>
|
||||
<EventTypeChip type={event.type} />
|
||||
<p>{event.date}</p>
|
||||
<p>{event.UTCEndTime}</p>
|
||||
<p>{event.UTCStartTime}</p>
|
||||
|
|
|
@ -0,0 +1,21 @@
|
|||
import Chip from '../chip/Chip'
|
||||
|
||||
import TYPES from './types'
|
||||
|
||||
const EventTypeChip = ({ type }) => {
|
||||
const typeProps = TYPES[type]
|
||||
|
||||
if (!typeProps) {
|
||||
return <Chip label={type} />
|
||||
}
|
||||
|
||||
return (
|
||||
<Chip
|
||||
label={typeProps.label}
|
||||
customColor={typeProps.color}
|
||||
icon={typeProps.icon}
|
||||
/>
|
||||
)
|
||||
}
|
||||
|
||||
export default EventTypeChip
|
|
@ -0,0 +1,49 @@
|
|||
import { getLiteral } from '../../common/i18n'
|
||||
|
||||
import IconPodcast from '../../public/icons/podcast'
|
||||
import IconStream from '../../public/icons/stream'
|
||||
import IconTalk from '../../public/icons/talk'
|
||||
import IconMeetup from '../../public/icons/meetup'
|
||||
import IconFundraising from '../../public/icons/fundraising'
|
||||
import IconConference from '../../public/icons/conference'
|
||||
import IconMisc from '../../public/icons/misc'
|
||||
|
||||
const TYPES = {
|
||||
podcast: {
|
||||
label: getLiteral('event-type:podcast'),
|
||||
icon: <IconPodcast />,
|
||||
color: '#FF008A',
|
||||
},
|
||||
stream: {
|
||||
label: getLiteral('event-type:stream'),
|
||||
icon: <IconStream />,
|
||||
color: '#6F42C1',
|
||||
},
|
||||
talk: {
|
||||
label: getLiteral('event-type:talk'),
|
||||
icon: <IconTalk />,
|
||||
color: '#31E0AF',
|
||||
},
|
||||
meetup: {
|
||||
label: getLiteral('event-type:meetup'),
|
||||
icon: <IconMeetup />,
|
||||
color: '#FB5454',
|
||||
},
|
||||
fundraising: {
|
||||
label: getLiteral('event-type:fundraising'),
|
||||
icon: <IconFundraising />,
|
||||
color: '#F09E00',
|
||||
},
|
||||
conference: {
|
||||
label: getLiteral('event-type:conference'),
|
||||
icon: <IconConference />,
|
||||
color: '#135AFF',
|
||||
},
|
||||
misc: {
|
||||
label: getLiteral('event-type:misc'),
|
||||
icon: <IconMisc />,
|
||||
color: '#F000CA',
|
||||
},
|
||||
}
|
||||
|
||||
export default TYPES
|
|
@ -5,6 +5,14 @@
|
|||
"anchor-nav:events": "Schedule",
|
||||
"anchor-nav:connection": "Connection",
|
||||
|
||||
"event-type:podcast": "Podcast",
|
||||
"event-type:stream": "Stream",
|
||||
"event-type:talk": "Talk",
|
||||
"event-type:meetup": "Meetup",
|
||||
"event-type:fundraising": "Fundraising",
|
||||
"event-type:conference": "Conference",
|
||||
"event-type:misc": "Misc",
|
||||
|
||||
"footer:copyright": "Made with β€οΈ by GitHub",
|
||||
"footer:email": "opensource@github.com",
|
||||
"footer:terms-title": "Terms",
|
||||
|
|
|
@ -0,0 +1,18 @@
|
|||
const IconConference = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-conference"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M10.7132 5.66361C10.7132 5.18924 10.5317 4.7343 10.2086 4.39887C9.88546 4.06344 9.44726 3.875 8.99033 3.875C8.53341 3.875 8.0952 4.06344 7.77211 4.39887C7.44901 4.7343 7.2675 5.18924 7.2675 5.66361C7.2675 6.13798 7.44901 6.59292 7.77211 6.92835C8.0952 7.26379 8.53341 7.45223 8.99033 7.45223C9.44726 7.45223 9.88546 7.26379 10.2086 6.92835C10.5317 6.59292 10.7132 6.13798 10.7132 5.66361ZM3.21082 11.1102H5.5234V8.71249L5.52959 8.56795C5.5497 8.32947 5.62085 8.10625 5.73068 7.90952H3.59831L3.50782 7.91514C3.31968 7.93815 3.14622 8.03205 3.02033 8.17902C2.89445 8.32599 2.8249 8.51581 2.82488 8.71249V10.7087C2.82488 10.8151 2.86562 10.9173 2.93814 10.9926C3.01067 11.0679 3.10903 11.1102 3.21159 11.1102H3.21082ZM15.1798 10.7087C15.1798 10.8151 15.139 10.9173 15.0665 10.9926C14.994 11.0679 14.8956 11.1102 14.793 11.1102H12.4604V8.71249L12.4557 8.59285C12.4388 8.35209 12.3695 8.11845 12.2531 7.90952H14.4063C14.5959 7.90957 14.7788 7.98189 14.9204 8.11274C15.062 8.2436 15.1524 8.42387 15.1744 8.61934L15.1798 8.71249V10.7087ZM11.6815 8.61934C11.6595 8.42374 11.569 8.24335 11.4273 8.11247C11.2855 7.9816 11.1024 7.90937 10.9127 7.90952H7.07027L6.97978 7.91514C6.79164 7.93815 6.61818 8.03205 6.4923 8.17902C6.36641 8.32599 6.29686 8.51581 6.29684 8.71249V11.1102H11.6861V8.71249L11.6815 8.61934ZM12.8479 4.37967C13.2403 4.37967 13.6166 4.5415 13.8941 4.82957C14.1716 5.11764 14.3274 5.50835 14.3274 5.91575C14.3274 6.32314 14.1716 6.71385 13.8941 7.00192C13.6166 7.28999 13.2403 7.45183 12.8479 7.45183C12.4553 7.45183 12.0789 7.28995 11.8014 7.0018C11.5238 6.71365 11.3679 6.32284 11.3679 5.91534C11.3679 5.50784 11.5238 5.11703 11.8014 4.82889C12.0789 4.54074 12.4553 4.37886 12.8479 4.37886V4.37967ZM6.62477 5.91494C6.62477 5.50755 6.46889 5.11684 6.19141 4.82877C5.91394 4.5407 5.5376 4.37886 5.14519 4.37886C4.75278 4.37886 4.37644 4.5407 4.09896 4.82877C3.82149 5.11684 3.6656 5.50755 3.6656 5.91494C3.6656 6.32234 3.82149 6.71304 4.09896 7.00112C4.37644 7.28919 4.75278 7.45102 5.14519 7.45102C5.5376 7.45102 5.91394 7.28919 6.19141 7.00112C6.46889 6.71304 6.62477 6.32234 6.62477 5.91494ZM3.19922 11.9131C3.09665 11.9131 2.99829 11.9554 2.92577 12.0307C2.85324 12.106 2.8125 12.2081 2.8125 12.3146V13.1176C2.8125 13.65 3.01622 14.1606 3.37884 14.537C3.74146 14.9135 4.23327 15.125 4.74609 15.125H13.2539C13.7667 15.125 14.2585 14.9135 14.6212 14.537C14.9838 14.1606 15.1875 13.65 15.1875 13.1176V12.3146C15.1875 12.2081 15.1468 12.106 15.0742 12.0307C15.0017 11.9554 14.9033 11.9131 14.8008 11.9131H3.19922Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconConference
|
|
@ -0,0 +1,20 @@
|
|||
const IconFundraising = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-fundraising"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M9.01242 4.01562C7.63614 4.01562 6.38205 4.47022 5.64013 4.84163C5.5731 4.87515 5.51064 4.90805 5.45245 4.93974C5.33728 5.00251 5.23917 5.06101 5.16117 5.1125L6.00515 6.35502L6.40246 6.51315C7.95515 7.2965 10.0374 7.2965 11.5904 6.51315L12.0413 6.27915L12.8396 5.1125C12.6742 5.00464 12.5022 4.90725 12.3247 4.82091C11.5867 4.45346 10.3628 4.01562 9.01242 4.01562ZM7.04931 5.42206C6.75045 5.36614 6.45527 5.29206 6.16542 5.20025C6.86041 4.8916 7.89634 4.56406 9.01211 4.56406C9.7851 4.56406 10.516 4.72128 11.1205 4.92055C10.4121 5.02018 9.65622 5.18928 8.93594 5.39738C8.36922 5.5613 7.70683 5.54363 7.04931 5.42206ZM11.9121 6.965L11.8375 7.00278C10.1291 7.86444 7.86344 7.86444 6.15506 7.00278L6.08437 6.96683C3.51829 9.78245 1.55915 14.9835 9.01242 14.9835C16.4651 14.9835 14.4581 9.68525 11.9121 6.965ZM8.69554 9.5C8.53392 9.5 8.37893 9.5642 8.26465 9.67848C8.15037 9.79276 8.08617 9.94776 8.08617 10.1094C8.08617 10.271 8.15037 10.426 8.26465 10.5403C8.37893 10.6545 8.53392 10.7188 8.69554 10.7188V9.5ZM9.30491 8.89062V8.58594H8.69554V8.89062C8.37231 8.89062 8.06231 9.01903 7.83375 9.24759C7.60519 9.47615 7.47679 9.78614 7.47679 10.1094C7.47679 10.4326 7.60519 10.7426 7.83375 10.9712C8.06231 11.1997 8.37231 11.3281 8.69554 11.3281V12.5469C8.56952 12.5469 8.44658 12.5079 8.34367 12.4351C8.24076 12.3624 8.16293 12.2595 8.1209 12.1407C8.09399 12.0645 8.03791 12.0021 7.965 11.9673C7.89209 11.9324 7.80832 11.928 7.73212 11.9549C7.65592 11.9818 7.59352 12.0379 7.55867 12.1108C7.52381 12.1837 7.51935 12.2674 7.54626 12.3436C7.6303 12.5813 7.78595 12.787 7.99177 12.9326C8.1976 13.0781 8.44347 13.1562 8.69554 13.1562V13.4609H9.30491V13.1562C9.62815 13.1562 9.93814 13.0278 10.1667 12.7993C10.3953 12.5707 10.5237 12.2607 10.5237 11.9375C10.5237 11.6143 10.3953 11.3043 10.1667 11.0757C9.93814 10.8472 9.62815 10.7188 9.30491 10.7188V9.5C9.56999 9.5 9.79577 9.6691 9.87986 9.90615C9.89234 9.94493 9.91246 9.98082 9.93905 10.0117C9.96564 10.0426 9.99815 10.0678 10.0347 10.0859C10.0712 10.1039 10.1109 10.1145 10.1516 10.117C10.1923 10.1194 10.233 10.1137 10.2714 10.1001C10.3098 10.0865 10.3451 10.0654 10.3752 10.038C10.4053 10.0105 10.4296 9.9773 10.4467 9.94029C10.4637 9.90329 10.4731 9.86324 10.4744 9.82252C10.4757 9.7818 10.4689 9.74124 10.4542 9.70323C10.3702 9.46558 10.2145 9.25983 10.0087 9.1143C9.80286 8.96877 9.55699 8.89063 9.30491 8.89062ZM9.30491 11.3281V12.5469C9.46653 12.5469 9.62153 12.4827 9.73581 12.3684C9.85009 12.2541 9.91429 12.0991 9.91429 11.9375C9.91429 11.7759 9.85009 11.6209 9.73581 11.5066C9.62153 11.3923 9.46653 11.3281 9.30491 11.3281Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconFundraising
|
|
@ -0,0 +1,18 @@
|
|||
const IconMeetup = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-meetup"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M14.0525 12.9754C13.9256 12.1616 12.4189 12.7878 12.3253 11.8961C12.1933 10.6305 14.0753 7.90467 13.9272 6.84502C13.7953 5.89422 13.1511 5.6933 12.5923 5.6816C12.0497 5.67369 11.9067 5.75912 11.7238 5.86638C11.6165 5.92713 11.4653 6.04895 11.2542 5.84834C11.1141 5.7145 11.0185 5.62275 10.872 5.50378C10.7961 5.44303 10.6758 5.36709 10.473 5.33766C10.274 5.30634 10.0101 5.33766 9.84527 5.40696C9.67694 5.47941 9.54879 5.60471 9.41211 5.72336C9.2751 5.84202 8.92737 6.2293 8.6059 6.08565C8.46415 6.0249 7.98954 5.78728 7.64688 5.6411C6.98749 5.35602 6.03542 5.81734 5.69054 6.42863C5.17954 7.33482 4.17305 10.901 4.0177 11.3709C3.67693 12.4255 4.45465 13.2858 5.49943 13.2361C5.94271 13.2149 6.2376 13.0551 6.51604 12.546C6.67772 12.2524 8.19553 8.291 8.30911 8.09831C8.3917 7.96162 8.66507 7.78032 8.89605 7.89707C9.12861 8.01731 9.17449 8.26442 9.14 8.49698C9.0821 8.87445 8.01454 11.2937 7.97151 11.5658C7.90222 12.0319 8.12338 12.2888 8.6078 12.3154C8.93781 12.3318 9.26877 12.2151 9.52918 11.7205C9.67599 11.4449 11.3634 8.06382 11.5115 7.83791C11.6763 7.59079 11.8079 7.50789 11.9782 7.51802C12.1082 7.52435 12.3139 7.55757 12.2629 7.94612C12.212 8.32865 10.8543 10.8074 10.7125 11.4136C10.5211 12.2277 10.966 13.0485 11.701 13.4095C12.1693 13.6398 14.2193 14.0322 14.0528 12.9757L14.0525 12.9754Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconMeetup
|
|
@ -0,0 +1,20 @@
|
|||
const IconMisc = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-misc"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M6.82135 8.21991L8.15625 10.3438C8.15625 10.3438 8.96212 8.62732 10.1061 8.21991C11.25 7.8125 12.3562 8.13457 12.5891 8.21991V4.4375H5.37943V10.5704L6.10039 9.30473L6.82135 8.21991ZM7.64325 10.9464L6.82135 9.5L6.10039 10.7656L5.58851 11.6696L3.9375 14.5625H9.7052L8.0542 11.6696L7.64325 10.9464ZM10.1061 9.20348C10.3814 9.01288 10.6918 8.87912 11.0192 8.80997C11.3466 8.74083 11.6844 8.73768 12.013 8.80071C12.3417 8.86374 12.6545 8.99169 12.9333 9.17712C13.2122 9.36256 13.4515 9.60176 13.6374 9.88083C13.8232 10.1599 13.9519 10.4732 14.0159 10.8027C14.0799 11.1321 14.078 11.471 14.0102 11.7996C13.9424 12.1283 13.8102 12.4401 13.6212 12.717C13.4322 12.9939 13.1901 13.2304 12.9092 13.4126C12.3527 13.7735 11.677 13.9003 11.028 13.7657C10.3791 13.6311 9.809 13.2458 9.44089 12.693C9.07278 12.1403 8.9362 11.4644 9.06066 10.8115C9.18512 10.1586 9.56062 9.581 10.1061 9.20348Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconMisc
|
|
@ -0,0 +1,12 @@
|
|||
const IconPodcast = () => {
|
||||
return (
|
||||
<svg className="icon-podcast" width="18" height="19" fill="none">
|
||||
<path
|
||||
d="M9 11.0469C10.2805 11.0469 11.3182 10.0083 11.3182 8.72656V5.63281C11.3182 4.35112 10.2805 3.3125 9 3.3125C7.71955 3.3125 6.68182 4.35112 6.68182 5.63281V8.72656C6.68182 10.0083 7.71955 11.0469 9 11.0469ZM13.5 8.69894C13.5 8.63817 13.4509 8.58845 13.3909 8.58845H12.5727C12.5127 8.58845 12.4636 8.63817 12.4636 8.69894C12.4636 10.6367 10.9132 12.207 9 12.207C7.08682 12.207 5.53636 10.6367 5.53636 8.69894C5.53636 8.63817 5.48727 8.58845 5.42727 8.58845H4.60909C4.54909 8.58845 4.5 8.63817 4.5 8.69894C4.5 11.0289 6.22636 12.9515 8.45455 13.2235V14.6378H6.47318C6.28636 14.6378 6.13636 14.8353 6.13636 15.0798V15.577C6.13636 15.6378 6.17455 15.6875 6.22091 15.6875H11.7791C11.8255 15.6875 11.8636 15.6378 11.8636 15.577V15.0798C11.8636 14.8353 11.7136 14.6378 11.5268 14.6378H9.49091V13.2305C11.745 12.9818 13.5 11.0483 13.5 8.69894Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconPodcast
|
|
@ -0,0 +1,34 @@
|
|||
const IconStream = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-stream"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M3.82928 4.32927C4.04895 4.54894 4.0466 4.90399 3.84573 5.14097C1.71809 7.6511 1.71809 11.3489 3.84573 13.859C4.0466 14.096 4.04895 14.451 3.82928 14.6707C3.60961 14.8904 3.25138 14.8912 3.04772 14.6567C0.484093 11.7036 0.484093 7.29633 3.04772 4.34331C3.25138 4.10872 3.60961 4.1096 3.82928 4.32927Z"
|
||||
fill="#000"
|
||||
/>
|
||||
<path
|
||||
d="M14.1707 14.6707C13.951 14.451 13.9534 14.096 14.1543 13.859C16.2819 11.3489 16.2819 7.6511 14.1543 5.14097C13.9534 4.90399 13.951 4.54894 14.1707 4.32927C14.3904 4.1096 14.7486 4.10872 14.9523 4.34331C17.5159 7.29633 17.5159 11.7036 14.9523 14.6567C14.7486 14.8912 14.3904 14.8904 14.1707 14.6707Z"
|
||||
fill="#000"
|
||||
/>
|
||||
<path
|
||||
d="M5.42028 5.92026C5.63995 6.13993 5.63645 6.49436 5.44558 6.73948C4.18481 8.35865 4.18481 10.6413 5.44558 12.2605C5.63645 12.5056 5.63995 12.86 5.42028 13.0797C5.20061 13.2994 4.84185 13.301 4.64492 13.0607C2.9517 10.9948 2.9517 8.0052 4.64492 5.93928C4.84185 5.69901 5.20061 5.70059 5.42028 5.92026Z"
|
||||
fill="#000"
|
||||
/>
|
||||
<path
|
||||
d="M12.5797 13.0797C12.3601 12.86 12.3636 12.5056 12.5544 12.2605C13.8152 10.6413 13.8152 8.35865 12.5544 6.73948C12.3636 6.49436 12.3601 6.13993 12.5797 5.92026C12.7994 5.70059 13.1582 5.69901 13.3551 5.93928C15.0483 8.0052 15.0483 10.9948 13.3551 13.0607C13.1582 13.301 12.7994 13.2994 12.5797 13.0797Z"
|
||||
fill="#000"
|
||||
/>
|
||||
<path
|
||||
d="M7.3125 12.875L11.8125 9.49999L7.3125 6.12499V12.875Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconStream
|
|
@ -0,0 +1,20 @@
|
|||
const IconTalk = () => {
|
||||
return (
|
||||
<svg
|
||||
className="icon-talk"
|
||||
width="18"
|
||||
height="19"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M13.276 5H4.679C4.32908 5.01155 3.99741 5.15726 3.75408 5.40634C3.51074 5.65542 3.37481 5.98835 3.375 6.33478V13.7711C3.37524 13.855 3.39943 13.9371 3.44478 14.0079C3.49012 14.0788 3.55478 14.1355 3.6313 14.1716C3.70394 14.2034 3.78382 14.2157 3.8628 14.2071C3.94179 14.1985 4.01706 14.1694 4.08096 14.1226L6.23031 12.4719H13.276C13.6338 12.4719 13.9769 12.3313 14.2299 12.081C14.4829 11.8307 14.625 11.4912 14.625 11.1372V6.33478C14.625 5.98078 14.4829 5.64127 14.2299 5.39095C13.9769 5.14063 13.6338 5 13.276 5ZM5.0625 7.25C5.0625 6.93934 5.31434 6.6875 5.625 6.6875H12.375C12.6857 6.6875 12.9375 6.93934 12.9375 7.25C12.9375 7.56066 12.6857 7.8125 12.375 7.8125H5.625C5.31434 7.8125 5.0625 7.56066 5.0625 7.25ZM5.0625 9.5C5.0625 9.18934 5.31434 8.9375 5.625 8.9375H10.6875C10.9982 8.9375 11.25 9.18934 11.25 9.5C11.25 9.81066 10.9982 10.0625 10.6875 10.0625H5.625C5.31434 10.0625 5.0625 9.81066 5.0625 9.5Z"
|
||||
fill="#000"
|
||||
/>
|
||||
</svg>
|
||||
)
|
||||
}
|
||||
|
||||
export default IconTalk
|
|
@ -7,6 +7,7 @@
|
|||
|
||||
// Components
|
||||
@import '../components/button-link/button-link';
|
||||
@import '../components/chip/chip';
|
||||
@import '../components/event-detail/event-detail';
|
||||
@import '../components/footer/footer';
|
||||
@import '../components/header/header';
|
||||
|
|
ΠΠ°Π³ΡΡΠ·ΠΊΠ°β¦
Π‘ΡΡΠ»ΠΊΠ° Π² Π½ΠΎΠ²ΠΎΠΉ Π·Π°Π΄Π°ΡΠ΅