Skip to content

Commit 0da66f5

Browse files
CodeMeAPixelCodeMeAPixel
committed
feat(add): version check and fix stuff
1 parent 65fa3e6 commit 0da66f5

11 files changed

Lines changed: 2037 additions & 965 deletions

File tree

‎app/breaches/page.tsx‎

Lines changed: 405 additions & 286 deletions
Large diffs are not rendered by default.

‎app/docs/activity/page.tsx‎

Lines changed: 212 additions & 90 deletions
Large diffs are not rendered by default.

‎app/docs/encryption/page.tsx‎

Lines changed: 75 additions & 55 deletions
Original file line numberDiff line numberDiff line change
@@ -1,117 +1,137 @@
1-
"use client";
1+
"use client"
22

3-
import { useTranslations } from "next-intl";
4-
import Link from "next/link";
5-
import {
6-
Key20Regular,
3+
import Link from "next/link"
4+
import {
75
Info20Regular,
6+
LockClosed20Regular,
87
Shield20Regular,
9-
LockClosed20Regular
10-
} from "@fluentui/react-icons";
8+
} from "@fluentui/react-icons"
9+
import { useTranslations } from "next-intl"
1110

1211
export default function EncryptionDocsPage() {
13-
const t = useTranslations();
14-
12+
const t = useTranslations()
13+
1514
return (
1615
<>
17-
<div className="flex items-center mb-8">
16+
<div className="mb-8 flex items-center">
1817
<LockClosed20Regular className="mr-2 h-6 w-6" />
19-
<h2 className="text-2xl font-bold">{t("docs-encryption-tools")} {t("docs-guide")}</h2>
18+
<h2 className="text-2xl font-bold">
19+
{t("docs-encryption-tools")} {t("docs-guide")}
20+
</h2>
2021
</div>
21-
22+
2223
<p className="mb-6">{t("docs-encryption-intro")}</p>
23-
24-
<div className="mb-8 p-4 bg-blue-50 dark:bg-blue-950 border border-blue-200 dark:border-blue-800 rounded-lg">
24+
25+
<div className="mb-8 rounded-lg border border-blue-200 bg-blue-50 p-4 dark:border-blue-800 dark:bg-blue-950">
2526
<div className="flex items-start">
26-
<Info20Regular className="h-5 w-5 mr-2 text-blue-600 dark:text-blue-400 mt-0.5" />
27+
<Info20Regular className="mt-0.5 mr-2 h-5 w-5 text-blue-600 dark:text-blue-400" />
2728
<div>
28-
<h3 className="text-lg font-medium text-blue-800 dark:text-blue-300">{t("docs-client-side-encryption")}</h3>
29-
<p className="text-blue-700 dark:text-blue-400 mt-1">{t("docs-client-side-encryption-desc")}</p>
29+
<h3 className="text-lg font-medium text-blue-800 dark:text-blue-300">
30+
{t("docs-client-side-encryption")}
31+
</h3>
32+
<p className="mt-1 text-blue-700 dark:text-blue-400">
33+
{t("docs-client-side-encryption-desc")}
34+
</p>
3035
</div>
3136
</div>
3237
</div>
33-
34-
<h3 className="text-xl font-semibold mb-4">{t("docs-encryption-methods")}</h3>
35-
36-
<div className="space-y-6 mb-8">
37-
<div className="border rounded-lg p-5">
38-
<h4 className="text-lg font-medium mb-3">{t("docs-aes-encryption")}</h4>
38+
39+
<h3 className="mb-4 text-xl font-semibold">
40+
{t("docs-encryption-methods")}
41+
</h3>
42+
43+
<div className="mb-8 space-y-6">
44+
<div className="rounded-lg border p-5">
45+
<h4 className="mb-3 text-lg font-medium">
46+
{t("docs-aes-encryption")}
47+
</h4>
3948
<p className="mb-3">{t("docs-aes-encryption-desc")}</p>
40-
41-
<h5 className="font-medium mb-2">{t("docs-how-to-use")}:</h5>
42-
<ol className="list-decimal space-y-2 pl-5 mb-4">
49+
50+
<h5 className="mb-2 font-medium">{t("docs-how-to-use")}:</h5>
51+
<ol className="mb-4 list-decimal space-y-2 pl-5">
4352
<li>{t("docs-encryption-step-1")}</li>
4453
<li>{t("docs-encryption-step-2")}</li>
4554
<li>{t("docs-encryption-step-3")}</li>
4655
<li>{t("docs-encryption-step-4")}</li>
4756
</ol>
48-
49-
<div className="bg-muted p-3 rounded-md">
50-
<p className="text-sm font-medium mb-1">{t("important-note")}:</p>
57+
58+
<div className="bg-muted rounded-md p-3">
59+
<p className="mb-1 text-sm font-medium">{t("important-note")}:</p>
5160
<p className="text-sm">{t("docs-encryption-note")}</p>
5261
</div>
5362
</div>
54-
55-
<div className="border rounded-lg p-5">
56-
<h4 className="text-lg font-medium mb-3">{t("docs-decryption")}</h4>
63+
64+
<div className="rounded-lg border p-5">
65+
<h4 className="mb-3 text-lg font-medium">{t("docs-decryption")}</h4>
5766
<p className="mb-3">{t("docs-decryption-desc")}</p>
58-
59-
<h5 className="font-medium mb-2">{t("docs-how-to-use")}:</h5>
60-
<ol className="list-decimal space-y-2 pl-5 mb-4">
67+
68+
<h5 className="mb-2 font-medium">{t("docs-how-to-use")}:</h5>
69+
<ol className="mb-4 list-decimal space-y-2 pl-5">
6170
<li>{t("docs-decryption-step-1")}</li>
6271
<li>{t("docs-decryption-step-2")}</li>
6372
<li>{t("docs-decryption-step-3")}</li>
6473
<li>{t("docs-decryption-step-4")}</li>
6574
</ol>
6675
</div>
6776
</div>
68-
69-
<h3 className="text-xl font-semibold mb-4">{t("docs-best-practices")}</h3>
70-
71-
<div className="space-y-4 mb-8">
77+
78+
<h3 className="mb-4 text-xl font-semibold">{t("docs-best-practices")}</h3>
79+
80+
<div className="mb-8 space-y-4">
7281
<div className="flex items-start">
73-
<Shield20Regular className="h-5 w-5 mr-2 mt-0.5 text-primary" />
82+
<Shield20Regular className="text-primary mt-0.5 mr-2 h-5 w-5" />
7483
<div>
7584
<h4 className="font-medium">{t("docs-strong-passwords")}</h4>
76-
<p className="text-sm text-muted-foreground">{t("docs-strong-passwords-desc")}</p>
85+
<p className="text-muted-foreground text-sm">
86+
{t("docs-strong-passwords-desc")}
87+
</p>
7788
</div>
7889
</div>
79-
90+
8091
<div className="flex items-start">
81-
<Shield20Regular className="h-5 w-5 mr-2 mt-0.5 text-primary" />
92+
<Shield20Regular className="text-primary mt-0.5 mr-2 h-5 w-5" />
8293
<div>
8394
<h4 className="font-medium">{t("docs-secure-sharing")}</h4>
84-
<p className="text-sm text-muted-foreground">{t("docs-secure-sharing-desc")}</p>
95+
<p className="text-muted-foreground text-sm">
96+
{t("docs-secure-sharing-desc")}
97+
</p>
8598
</div>
8699
</div>
87-
100+
88101
<div className="flex items-start">
89-
<Shield20Regular className="h-5 w-5 mr-2 mt-0.5 text-primary" />
102+
<Shield20Regular className="text-primary mt-0.5 mr-2 h-5 w-5" />
90103
<div>
91104
<h4 className="font-medium">{t("docs-store-separately")}</h4>
92-
<p className="text-sm text-muted-foreground">{t("docs-store-separately-desc")}</p>
105+
<p className="text-muted-foreground text-sm">
106+
{t("docs-store-separately-desc")}
107+
</p>
93108
</div>
94109
</div>
95110
</div>
96-
97-
<h3 className="text-xl font-semibold mb-4">{t("docs-technical-details")}</h3>
98-
99-
<div className="border rounded-lg p-5 mb-8">
111+
112+
<h3 className="mb-4 text-xl font-semibold">
113+
{t("docs-technical-details")}
114+
</h3>
115+
116+
<div className="mb-8 rounded-lg border p-5">
100117
<p className="mb-3">{t("docs-technical-details-desc")}</p>
101-
118+
102119
<ul className="list-disc space-y-2 pl-5">
103120
<li>{t("docs-tech-detail-1")}</li>
104121
<li>{t("docs-tech-detail-2")}</li>
105122
<li>{t("docs-tech-detail-3")}</li>
106123
<li>{t("docs-tech-detail-4")}</li>
107124
</ul>
108125
</div>
109-
126+
110127
<div className="mt-10 border-t pt-4">
111-
<Link href="/docs" className="text-sm text-muted-foreground hover:text-primary">
128+
<Link
129+
href="/docs"
130+
className="text-muted-foreground hover:text-primary text-sm"
131+
>
112132
← {t("docs-back")}
113133
</Link>
114134
</div>
115135
</>
116-
);
136+
)
117137
}

0 commit comments

Comments
 (0)