{authProvider === 'email' && (
diff --git a/src/components/UpdateProfile/UpdateProfileForm.tsx b/src/components/UpdateProfile/UpdateProfileForm.tsx
index 2686a5801..919abc840 100644
--- a/src/components/UpdateProfile/UpdateProfileForm.tsx
+++ b/src/components/UpdateProfile/UpdateProfileForm.tsx
@@ -83,7 +83,7 @@ export function UpdateProfileForm() {
Profile
-
Update your profile details below.
+
Update your profile details below.
{
+ const canvas = document.createElement('canvas');
+ canvas.width = img.width * scale;
+ canvas.height = img.height * scale;
+ const ctx = canvas.getContext('2d');
+ ctx?.drawImage(img, 0, 0, canvas.width, canvas.height);
+ const png = canvas.toDataURL('image/png', 1.0); // Increase the quality by setting a higher value (0.0 - 1.0)
+ const a = document.createElement('a');
+ a.href = png;
+ a.download = `${name}.${extension}`;
+ a.click();
+ };
+ } catch (error) {
+ alert('Error downloading image');
+ }
+}
diff --git a/src/hooks/use-auth.ts b/src/hooks/use-auth.ts
new file mode 100644
index 000000000..13d81ebbb
--- /dev/null
+++ b/src/hooks/use-auth.ts
@@ -0,0 +1,12 @@
+import Cookies from 'js-cookie';
+import { TOKEN_COOKIE_NAME, decodeToken } from '../lib/jwt';
+
+export function useAuth() {
+ const token = Cookies.get(TOKEN_COOKIE_NAME);
+ if (!token) {
+ return null;
+ }
+ const user = decodeToken(token);
+
+ return user;
+}
diff --git a/src/hooks/use-copy-text.ts b/src/hooks/use-copy-text.ts
new file mode 100644
index 000000000..f56429dbb
--- /dev/null
+++ b/src/hooks/use-copy-text.ts
@@ -0,0 +1,22 @@
+import { useEffect, useState } from 'preact/hooks';
+
+export function useCopyText() {
+ const [isCopied, setIsCopied] = useState(false);
+
+ const copyText = (text: string) => {
+ navigator.clipboard.writeText(text).then();
+ setIsCopied(true);
+ };
+
+ useEffect(() => {
+ let timeout: ReturnType;
+ if (isCopied) {
+ timeout = setTimeout(() => {
+ setIsCopied(false);
+ }, 2000);
+ }
+ return () => clearTimeout(timeout);
+ }, [isCopied]);
+
+ return { isCopied, copyText };
+}
diff --git a/src/icons/badge.svg b/src/icons/badge.svg
new file mode 100644
index 000000000..5fdf8effe
--- /dev/null
+++ b/src/icons/badge.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/copy.svg b/src/icons/copy.svg
new file mode 100644
index 000000000..93e4fcd3e
--- /dev/null
+++ b/src/icons/copy.svg
@@ -0,0 +1 @@
+
diff --git a/src/icons/download.svg b/src/icons/download.svg
index ecaddb909..4b9b4a16c 100644
--- a/src/icons/download.svg
+++ b/src/icons/download.svg
@@ -1,4 +1,3 @@
diff --git a/src/pages/account/road-card.astro b/src/pages/account/road-card.astro
new file mode 100644
index 000000000..0d411c1f3
--- /dev/null
+++ b/src/pages/account/road-card.astro
@@ -0,0 +1,15 @@
+---
+import AccountSidebar from '../../components/AccountSidebar.astro';
+import AccountLayout from '../../layouts/AccountLayout.astro';
+import { RoadCardPage } from '../../components/RoadCard/RoadCardPage';
+---
+
+
+
+
+
+
diff --git a/src/styles/global.css b/src/styles/global.css
index fb3c8fe0b..ba9c6535c 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -6,6 +6,16 @@
.container {
@apply mx-auto max-w-[830px] px-4;
}
+
+ /* Chrome, Safari and Opera */
+ .no-scrollbar::-webkit-scrollbar {
+ display: none;
+ }
+
+ .no-scrollbar {
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
+ }
}
blockquote p:before {