Skip to content

Commit a6ce1b7

Browse files
ssandinoactions-user
ssandino
authored and
actions-user
committed
Prettified Code!
1 parent df3898a commit a6ce1b7

File tree

1 file changed

+102
-41
lines changed
  • website/src/app/[lang]/[region]/(website)/csr

1 file changed

+102
-41
lines changed

‎website/src/app/[lang]/[region]/(website)/csr/page.tsx

Lines changed: 102 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,47 +1,108 @@
1+
import { DefaultPageProps } from '@/app/[lang]/[region]';
12
import { Translator } from '@socialincome/shared/src/utils/i18n';
23
import { BaseContainer, Typography } from '@socialincome/ui';
3-
import { DefaultPageProps } from "@/app/[lang]/[region]";
44
export default async function Page({ params }: DefaultPageProps) {
5-
const translator = await Translator.getInstance({
6-
language: params.lang,
7-
namespaces: ['website-csr'],
8-
});
5+
const translator = await Translator.getInstance({
6+
language: params.lang,
7+
namespaces: ['website-csr'],
8+
});
99

10-
return (
11-
<div className="bg-blue-50">
12-
<BaseContainer className="flex flex-col items-center space-y-12 py-8 min-h-screen">
10+
return (
11+
<div className="bg-blue-50">
12+
<BaseContainer className="flex min-h-screen flex-col items-center space-y-12 py-8">
13+
{/* Linked manually but could be done with GitHub's API in the future */}
14+
<div className="pt-4">
15+
<a
16+
href="https://github.com/anthonyray"
17+
target="_blank"
18+
rel="noopener noreferrer"
19+
className="focus:ring-primary dark:hover:bg-dark group mb-2 mr-2 flex items-center rounded-full bg-black bg-opacity-5 py-2 pl-2 pr-2 text-center text-base font-medium text-black/80 hover:bg-black hover:bg-opacity-10 focus:outline-none focus:ring-4 dark:bg-blue-600"
20+
>
21+
<img
22+
src="https://avatars.githubusercontent.com/u/3779257?v=4"
23+
className="mr-2 h-10 w-10 rounded-full transition-transform duration-300 group-hover:scale-110"
24+
alt="Avatar"
25+
/>
26+
<span className="pl-3 pr-6 text-lg text-black/75">anthonyray {translator.t('issue-assigned')}</span>
27+
</a>
28+
</div>
29+
<div className="absolute left-1/2 top-1/2 w-full -translate-x-1/2 -translate-y-1/2 transform space-y-12 px-6 sm:px-4">
30+
<Typography as="h1" size="5xl" weight="bold" className="text mx-auto text-center">
31+
{translator.t('title')}
32+
</Typography>
33+
<Typography as="h2" size="3xl" lineHeight="snug" className="text mx-auto max-w-3xl text-center">
34+
{translator.t('subtitle')}
35+
</Typography>
1336

14-
{/* Linked manually but could be done with GitHub's API in the future */}
15-
<div className="pt-4">
16-
<a href="https://github.com/anthonyray" target="_blank" rel="noopener noreferrer" className="group flex items-center pl-2 pr-2 py-2 bg-black bg-opacity-5 hover:bg-black focus:outline-none focus:ring-4 focus:ring-primary font-medium rounded-full text-base text-black/80 text-center mr-2 mb-2 dark:bg-blue-600 dark:hover:bg-dark hover:bg-opacity-10">
17-
<img src="https://avatars.githubusercontent.com/u/3779257?v=4" className="w-10 h-10 rounded-full mr-2 group-hover:scale-110 transition-transform duration-300" alt="Avatar" />
18-
<span className="text-lg text-black/75 pl-3 pr-6">anthonyray {translator.t('issue-assigned')}</span>
19-
</a>
20-
</div>
21-
<div className="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 space-y-12 w-full px-6 sm:px-4">
22-
<Typography as="h1" size="5xl" weight="bold" className="mx-auto text text-center" >{translator.t('title')}</Typography>
23-
<Typography as="h2" size="3xl" lineHeight="snug" className="max-w-3xl mx-auto text text-center">
24-
{translator.t('subtitle')}</Typography>
37+
<div className="flex justify-center space-x-4">
38+
{/* Button 1 */}
39+
<a
40+
href="https://github.com/socialincome-san/public/issues/550"
41+
className="inline-flex items-center justify-center rounded-lg p-5 text-base font-medium text-black/75 transition-opacity duration-300 hover:bg-black hover:bg-opacity-5 hover:text-black/100 hover:text-gray-900"
42+
target="_blank"
43+
>
44+
<svg
45+
aria-hidden="true"
46+
className="mr-3 h-8 w-8"
47+
viewBox="0 0 16 16"
48+
version="1.1"
49+
xmlns="http://www.w3.org/2000/svg"
50+
fill="currentColor"
51+
>
52+
<path
53+
fill-rule="evenodd"
54+
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.69-.01-1.35-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.66-.89-3.66-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.03 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.88 3.74-3.68 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38 3.18-1.06 5.47-4.05 5.47-7.59 0-4.42-3.58-8-8-8z"
55+
/>
56+
</svg>
57+
<span className="w-full">GitHub Issue</span>
58+
</a>
2559

26-
<div className="flex justify-center space-x-4">
27-
28-
{/* Button 1 */}
29-
<a href="https://github.com/socialincome-san/public/issues/550" className="inline-flex items-center justify-center p-5 text-base font-medium text-black/75 rounded-lg hover:text-gray-900 transition-opacity duration-300 hover:bg-black hover:bg-opacity-5 hover:text-black/100" target="_blank">
30-
<svg aria-hidden="true" className="w-8 h-8 mr-3" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
31-
<path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.69-.01-1.35-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.66-.89-3.66-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.03 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.88 3.74-3.68 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38 3.18-1.06 5.47-4.05 5.47-7.59 0-4.42-3.58-8-8-8z"/>
32-
</svg>
33-
<span className="w-full">GitHub Issue</span>
34-
</a>
35-
36-
{/* Button 2 */}
37-
<a href="https://www.figma.com/proto/qGO3YI21AWIjWEyMPGUczM/Website-Social?type=design&node-id=376-2473&viewport=2567%2C-513%2C0.45&t=jG5pilvATJ4817xv-0&scaling=contain&starting-point-node-id=143%3A29044" className="inline-flex items-center justify-center p-5 text-base font-medium text-black/75 rounded-lg hover:text-gray-900 transition-opacity duration-300 hover:bg-black hover:bg-opacity-5 hover:text-black/100" target="_blank">
38-
<svg aria-hidden="true" className="w-5 h-5 mr-3" viewBox="0 0 22 31" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4151_63004)"><path d="M5.50085 30.1242C8.53625 30.1242 10.9998 27.8749 10.9998 25.1035V20.0828H5.50085C2.46546 20.0828 0.00195312 22.332 0.00195312 25.1035C0.00195312 27.8749 2.46546 30.1242 5.50085 30.1242Z" fill="#0ACF83"/><path d="M0.00195312 15.062C0.00195312 12.2905 2.46546 10.0413 5.50085 10.0413H10.9998V20.0827H5.50085C2.46546 20.0827 0.00195312 17.8334 0.00195312 15.062Z" fill="#A259FF"/><path d="M0.00195312 5.02048C0.00195312 2.24904 2.46546 -0.000244141 5.50085 -0.000244141H10.9998V10.0412H5.50085C2.46546 10.0412 0.00195312 7.79193 0.00195312 5.02048Z" fill="#F24E1E"/><path d="M11 -0.000244141H16.4989C19.5343 -0.000244141 21.9978 2.24904 21.9978 5.02048C21.9978 7.79193 19.5343 10.0412 16.4989 10.0412H11V-0.000244141Z" fill="#FF7262"/><path d="M21.9978 15.062C21.9978 17.8334 19.5343 20.0827 16.4989 20.0827C13.4635 20.0827 11 17.8334 11 15.062C11 12.2905 13.4635 10.0413 16.4989 10.0413C19.5343 10.0413 21.9978 12.2905 21.9978 15.062Z" fill="#1ABCFE"/></g><defs><clipPath id="clip0_4151_63004"><rect width="22" height="30.1244" fill="white" transform="translate(0 -0.000244141)"/></clipPath></defs></svg>
39-
<span className="w-full">Figma Design</span>
40-
</a>
41-
42-
</div>
43-
</div>
44-
</BaseContainer>
45-
</div>
46-
);
47-
}
60+
{/* Button 2 */}
61+
<a
62+
href="https://www.figma.com/proto/qGO3YI21AWIjWEyMPGUczM/Website-Social?type=design&node-id=376-2473&viewport=2567%2C-513%2C0.45&t=jG5pilvATJ4817xv-0&scaling=contain&starting-point-node-id=143%3A29044"
63+
className="inline-flex items-center justify-center rounded-lg p-5 text-base font-medium text-black/75 transition-opacity duration-300 hover:bg-black hover:bg-opacity-5 hover:text-black/100 hover:text-gray-900"
64+
target="_blank"
65+
>
66+
<svg
67+
aria-hidden="true"
68+
className="mr-3 h-5 w-5"
69+
viewBox="0 0 22 31"
70+
fill="none"
71+
xmlns="http://www.w3.org/2000/svg"
72+
>
73+
<g clip-path="url(#clip0_4151_63004)">
74+
<path
75+
d="M5.50085 30.1242C8.53625 30.1242 10.9998 27.8749 10.9998 25.1035V20.0828H5.50085C2.46546 20.0828 0.00195312 22.332 0.00195312 25.1035C0.00195312 27.8749 2.46546 30.1242 5.50085 30.1242Z"
76+
fill="#0ACF83"
77+
/>
78+
<path
79+
d="M0.00195312 15.062C0.00195312 12.2905 2.46546 10.0413 5.50085 10.0413H10.9998V20.0827H5.50085C2.46546 20.0827 0.00195312 17.8334 0.00195312 15.062Z"
80+
fill="#A259FF"
81+
/>
82+
<path
83+
d="M0.00195312 5.02048C0.00195312 2.24904 2.46546 -0.000244141 5.50085 -0.000244141H10.9998V10.0412H5.50085C2.46546 10.0412 0.00195312 7.79193 0.00195312 5.02048Z"
84+
fill="#F24E1E"
85+
/>
86+
<path
87+
d="M11 -0.000244141H16.4989C19.5343 -0.000244141 21.9978 2.24904 21.9978 5.02048C21.9978 7.79193 19.5343 10.0412 16.4989 10.0412H11V-0.000244141Z"
88+
fill="#FF7262"
89+
/>
90+
<path
91+
d="M21.9978 15.062C21.9978 17.8334 19.5343 20.0827 16.4989 20.0827C13.4635 20.0827 11 17.8334 11 15.062C11 12.2905 13.4635 10.0413 16.4989 10.0413C19.5343 10.0413 21.9978 12.2905 21.9978 15.062Z"
92+
fill="#1ABCFE"
93+
/>
94+
</g>
95+
<defs>
96+
<clipPath id="clip0_4151_63004">
97+
<rect width="22" height="30.1244" fill="white" transform="translate(0 -0.000244141)" />
98+
</clipPath>
99+
</defs>
100+
</svg>
101+
<span className="w-full">Figma Design</span>
102+
</a>
103+
</div>
104+
</div>
105+
</BaseContainer>
106+
</div>
107+
);
108+
}

0 commit comments

Comments
 (0)