|
1 | 1 | import { useState } from 'react'; |
2 | 2 |
|
3 | 3 | import InviteDetailModal from '@/app/invite-list/src/components/ReceiveDetailModal'; |
| 4 | +import GradientInviteCard from '@/shared/components/GradientInviteCard'; |
4 | 5 | import InviteCardFrame from '@/shared/components/InviteCardFrame'; |
5 | 6 |
|
6 | 7 | const ReceiveInviteList = () => { |
@@ -42,224 +43,3 @@ const ReceiveInviteList = () => { |
42 | 43 | }; |
43 | 44 |
|
44 | 45 | export default ReceiveInviteList; |
45 | | - |
46 | | -const GradientInviteCard = () => ( |
47 | | - <svg |
48 | | - xmlns="http://www.w3.org/2000/svg" |
49 | | - width="348" |
50 | | - height="381" |
51 | | - viewBox="0 0 348 381" |
52 | | - fill="none" |
53 | | - > |
54 | | - <g filter="url(#filter0_d_1289_22773)"> |
55 | | - <mask |
56 | | - id="mask0_1289_22773" |
57 | | - style={{ maskType: 'alpha' }} |
58 | | - maskUnits="userSpaceOnUse" |
59 | | - x="30" |
60 | | - y="34" |
61 | | - width="288" |
62 | | - height="322" |
63 | | - > |
64 | | - <mask id="path-1-inside-1_1289_22773" fill="white"> |
65 | | - <path d="M308 34.999C313.523 34.999 318 39.4772 318 45V345.999C318 351.522 313.523 356 308 356H40C34.4772 356 30 351.522 30 345.999V45C30 39.4772 34.4772 34.999 40 34.999H138.218C143.716 34.999 148.008 39.5816 149.986 44.7113C153.958 55.0117 163.951 62.3193 175.652 62.3193C187.353 62.3193 197.346 55.0117 201.318 44.7113C203.296 39.5816 207.589 34.999 213.087 34.999H308Z" /> |
66 | | - </mask> |
67 | | - <path |
68 | | - d="M308 34.999C313.523 34.999 318 39.4772 318 45V345.999C318 351.522 313.523 356 308 356H40C34.4772 356 30 351.522 30 345.999V45C30 39.4772 34.4772 34.999 40 34.999H138.218C143.716 34.999 148.008 39.5816 149.986 44.7113C153.958 55.0117 163.951 62.3193 175.652 62.3193C187.353 62.3193 197.346 55.0117 201.318 44.7113C203.296 39.5816 207.589 34.999 213.087 34.999H308Z" |
69 | | - fill="#F5F5F5" |
70 | | - /> |
71 | | - <path |
72 | | - d="M308 356V357.5V356ZM40 34.999V33.499V34.999ZM149.986 44.7113L148.587 45.251L149.986 44.7113ZM308 34.999V36.499C312.694 36.499 316.5 40.3054 316.5 45H318H319.5C319.5 38.6489 314.351 33.499 308 33.499V34.999ZM318 45H316.5V345.999H318H319.5V45H318ZM318 345.999H316.5C316.5 350.694 312.694 354.5 308 354.5V356V357.5C314.351 357.5 319.5 352.35 319.5 345.999H318ZM308 356V354.5H40V356V357.5H308V356ZM40 356V354.5C35.3058 354.5 31.5 350.694 31.5 345.999H30H28.5C28.5 352.35 33.6485 357.5 40 357.5V356ZM30 345.999H31.5V45H30H28.5V345.999H30ZM30 45H31.5C31.5 40.3054 35.3058 36.499 40 36.499V34.999V33.499C33.6485 33.499 28.5 38.6489 28.5 45H30ZM40 34.999V36.499H138.218V34.999V33.499H40V34.999ZM149.986 44.7113L148.587 45.251C152.774 56.1107 163.311 63.8193 175.652 63.8193V62.3193V60.8193C164.592 60.8193 155.142 53.9127 151.386 44.1716L149.986 44.7113ZM175.652 62.3193V63.8193C187.994 63.8193 198.53 56.1107 202.718 45.251L201.318 44.7113L199.919 44.1716C196.163 53.9127 186.713 60.8193 175.652 60.8193V62.3193ZM213.087 34.999V36.499H308V34.999V33.499H213.087V34.999ZM201.318 44.7113L202.718 45.251C204.593 40.3896 208.486 36.499 213.087 36.499V34.999V33.499C206.692 33.499 202 38.7736 199.919 44.1716L201.318 44.7113ZM138.218 34.999V36.499C142.819 36.499 146.712 40.3896 148.587 45.251L149.986 44.7113L151.386 44.1716C149.304 38.7736 144.613 33.499 138.218 33.499V34.999Z" |
73 | | - fill="url(#paint0_linear_1289_22773)" |
74 | | - mask="url(#path-1-inside-1_1289_22773)" |
75 | | - /> |
76 | | - </mask> |
77 | | - <g mask="url(#mask0_1289_22773)"> |
78 | | - <mask |
79 | | - id="mask1_1289_22773" |
80 | | - style={{ maskType: 'alpha' }} |
81 | | - maskUnits="userSpaceOnUse" |
82 | | - x="11" |
83 | | - y="-15" |
84 | | - width="335" |
85 | | - height="478" |
86 | | - > |
87 | | - <path |
88 | | - d="M11 -4.00098C11 -9.52383 15.4772 -14.001 21 -14.001H336C341.523 -14.001 346 -9.52382 346 -4.00098V452.73C346 458.253 341.523 462.73 336 462.73H21C15.4771 462.73 11 458.253 11 452.73V-4.00098Z" |
89 | | - fill="#F0F1F3" |
90 | | - /> |
91 | | - <path |
92 | | - d="M21 -13.501H336C341.247 -13.501 345.5 -9.24768 345.5 -4.00098V452.729C345.5 457.976 341.247 462.229 336 462.229H21C15.7533 462.229 11.5 457.976 11.5 452.729V-4.00098C11.5 -9.24768 15.7533 -13.501 21 -13.501Z" |
93 | | - stroke="black" |
94 | | - strokeOpacity="0.05" |
95 | | - /> |
96 | | - </mask> |
97 | | - <g mask="url(#mask1_1289_22773)"> |
98 | | - <mask |
99 | | - id="mask2_1289_22773" |
100 | | - style={{ maskType: 'alpha' }} |
101 | | - maskUnits="userSpaceOnUse" |
102 | | - x="-32" |
103 | | - y="-307" |
104 | | - width="532" |
105 | | - height="812" |
106 | | - > |
107 | | - <rect |
108 | | - x="-31.2383" |
109 | | - y="-306.349" |
110 | | - width="530.069" |
111 | | - height="809.934" |
112 | | - rx="19.5" |
113 | | - fill="#222222" |
114 | | - stroke="url(#paint1_linear_1289_22773)" |
115 | | - /> |
116 | | - </mask> |
117 | | - <g mask="url(#mask2_1289_22773)"> |
118 | | - <g filter="url(#filter1_f_1289_22773)"> |
119 | | - <path |
120 | | - d="M141.215 613.322C60.8224 631.562 -136.321 258.442 -177.566 53.6864C-218.812 -151.069 -88.5426 -109.925 -8.15047 -128.164C72.2417 -146.404 170.849 4.7972 212.095 209.553C253.341 414.308 221.607 595.082 141.215 613.322Z" |
121 | | - fill="url(#paint2_linear_1289_22773)" |
122 | | - /> |
123 | | - </g> |
124 | | - <g filter="url(#filter2_f_1289_22773)"> |
125 | | - <path |
126 | | - d="M392.645 -28.3969C524.555 -7.02915 680.808 268.384 662.796 393.624C644.784 518.863 459.328 446.504 327.418 425.136C195.508 403.768 103.175 284.919 121.187 159.68C139.199 34.4402 260.735 -49.7646 392.645 -28.3969Z" |
127 | | - fill="url(#paint3_linear_1289_22773)" |
128 | | - /> |
129 | | - </g> |
130 | | - <g filter="url(#filter3_f_1289_22773)"> |
131 | | - <path |
132 | | - d="M331.015 227.462C417.787 241.518 519.617 429.335 507.279 515.125C494.941 600.915 373.107 552.191 286.334 538.135C199.562 524.079 139.221 443.138 151.559 357.348C163.897 271.558 244.242 213.406 331.015 227.462Z" |
133 | | - fill="url(#paint4_linear_1289_22773)" |
134 | | - /> |
135 | | - </g> |
136 | | - </g> |
137 | | - </g> |
138 | | - </g> |
139 | | - </g> |
140 | | - <defs> |
141 | | - <filter |
142 | | - id="filter0_d_1289_22773" |
143 | | - x="0" |
144 | | - y="-0.000976562" |
145 | | - width="348" |
146 | | - height="381.001" |
147 | | - filterUnits="userSpaceOnUse" |
148 | | - colorInterpolationFilters="sRGB" |
149 | | - > |
150 | | - <feFlood floodOpacity="0" result="BackgroundImageFix" /> |
151 | | - <feColorMatrix |
152 | | - in="SourceAlpha" |
153 | | - type="matrix" |
154 | | - values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" |
155 | | - result="hardAlpha" |
156 | | - /> |
157 | | - <feOffset dy="-5" /> |
158 | | - <feGaussianBlur stdDeviation="15" /> |
159 | | - <feComposite in2="hardAlpha" operator="out" /> |
160 | | - <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" /> |
161 | | - <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1289_22773" /> |
162 | | - <feBlend |
163 | | - mode="normal" |
164 | | - in="SourceGraphic" |
165 | | - in2="effect1_dropShadow_1289_22773" |
166 | | - result="shape" |
167 | | - /> |
168 | | - </filter> |
169 | | - <filter |
170 | | - id="filter1_f_1289_22773" |
171 | | - x="-365.445" |
172 | | - y="-309.656" |
173 | | - width="775.613" |
174 | | - height="1103.62" |
175 | | - filterUnits="userSpaceOnUse" |
176 | | - colorInterpolationFilters="sRGB" |
177 | | - > |
178 | | - <feFlood floodOpacity="0" result="BackgroundImageFix" /> |
179 | | - <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> |
180 | | - <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_1289_22773" /> |
181 | | - </filter> |
182 | | - <filter |
183 | | - id="filter2_f_1289_22773" |
184 | | - x="-61.0586" |
185 | | - y="-211.711" |
186 | | - width="905.281" |
187 | | - height="857.063" |
188 | | - filterUnits="userSpaceOnUse" |
189 | | - colorInterpolationFilters="sRGB" |
190 | | - > |
191 | | - <feFlood floodOpacity="0" result="BackgroundImageFix" /> |
192 | | - <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> |
193 | | - <feGaussianBlur stdDeviation="90" result="effect1_foregroundBlur_1289_22773" /> |
194 | | - </filter> |
195 | | - <filter |
196 | | - id="filter3_f_1289_22773" |
197 | | - x="29.957" |
198 | | - y="105.367" |
199 | | - width="598.344" |
200 | | - height="579.287" |
201 | | - filterUnits="userSpaceOnUse" |
202 | | - colorInterpolationFilters="sRGB" |
203 | | - > |
204 | | - <feFlood floodOpacity="0" result="BackgroundImageFix" /> |
205 | | - <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> |
206 | | - <feGaussianBlur stdDeviation="60" result="effect1_foregroundBlur_1289_22773" /> |
207 | | - </filter> |
208 | | - <linearGradient |
209 | | - id="paint0_linear_1289_22773" |
210 | | - x1="30" |
211 | | - y1="34.998" |
212 | | - x2="318.002" |
213 | | - y2="403.638" |
214 | | - gradientUnits="userSpaceOnUse" |
215 | | - > |
216 | | - <stop stopColor="white" stopOpacity="0.4" /> |
217 | | - <stop offset="1" stopColor="#999999" stopOpacity="0.2" /> |
218 | | - </linearGradient> |
219 | | - <linearGradient |
220 | | - id="paint1_linear_1289_22773" |
221 | | - x1="-31.7383" |
222 | | - y1="-306.849" |
223 | | - x2="542.779" |
224 | | - y2="472.036" |
225 | | - gradientUnits="userSpaceOnUse" |
226 | | - > |
227 | | - <stop stopColor="white" /> |
228 | | - <stop offset="1" stopColor="white" /> |
229 | | - </linearGradient> |
230 | | - <linearGradient |
231 | | - id="paint2_linear_1289_22773" |
232 | | - x1="181.403" |
233 | | - y1="342.86" |
234 | | - x2="-110.699" |
235 | | - y2="283.011" |
236 | | - gradientUnits="userSpaceOnUse" |
237 | | - > |
238 | | - <stop stopColor="#DCC9F7" /> |
239 | | - <stop offset="1" stopColor="#94C1D3" /> |
240 | | - </linearGradient> |
241 | | - <linearGradient |
242 | | - id="paint3_linear_1289_22773" |
243 | | - x1="84.191" |
244 | | - y1="-11.3887" |
245 | | - x2="639.383" |
246 | | - y2="457.821" |
247 | | - gradientUnits="userSpaceOnUse" |
248 | | - > |
249 | | - <stop stopColor="#DCC9F7" /> |
250 | | - <stop offset="1" stopColor="#94C1D3" /> |
251 | | - </linearGradient> |
252 | | - <linearGradient |
253 | | - id="paint4_linear_1289_22773" |
254 | | - x1="392.558" |
255 | | - y1="293.916" |
256 | | - x2="427.131" |
257 | | - y2="539.856" |
258 | | - gradientUnits="userSpaceOnUse" |
259 | | - > |
260 | | - <stop stopColor="#DCC8F8" /> |
261 | | - <stop offset="1" stopColor="white" /> |
262 | | - </linearGradient> |
263 | | - </defs> |
264 | | - </svg> |
265 | | -); |
0 commit comments