fix: charter

Author: sosweetham

platforms/group-charter-manager/next.config.ts

@@ -1,7 +1,7 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  /* config options here */
+    /* config options here */
 };
 
 export default nextConfig;

platforms/group-charter-manager/package.json

@@ -15,6 +15,7 @@
         "@milkdown/preset-gfm": "^7.15.2",
         "@milkdown/react": "^7.15.2",
         "@milkdown/theme-nord": "^7.15.2",
+        "@next/env": "^15.4.7",
         "@radix-ui/react-alert-dialog": "^1.1.7",
         "@radix-ui/react-dialog": "^1.1.7",
         "@radix-ui/react-dropdown-menu": "^2.1.7",
@@ -29,35 +30,35 @@
         "@tiptap/starter-kit": "^2.24.0",
         "@toast-ui/react-editor": "^3.2.3",
         "axios": "^1.6.7",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
         "cmdk": "^1.1.1",
         "draft-js": "^0.11.7",
         "lucide-react": "^0.453.0",
         "marked": "^16.1.1",
+        "next": "15.4.2",
         "qrcode.react": "^4.2.0",
+        "react": "19.1.0",
+        "react-dom": "19.1.0",
         "react-draft-wysiwyg": "^1.15.0",
+        "react-hook-form": "^7.55.0",
         "react-markdown": "^10.1.0",
         "react-markdown-editor-lite": "^1.3.4",
         "react-quill": "^2.0.0",
         "remark-gfm": "^4.0.1",
-        "turndown": "^7.2.0",
-        "class-variance-authority": "^0.7.1",
-        "clsx": "^2.1.1",
-        "next": "15.4.2",
-        "react": "19.1.0",
-        "react-dom": "19.1.0",
-        "react-hook-form": "^7.55.0",
         "tailwind-merge": "^3.3.1",
         "tailwindcss-animate": "^1.0.7",
+        "turndown": "^7.2.0",
         "zod": "^3.24.2"
     },
     "devDependencies": {
         "@eslint/eslintrc": "^3",
         "@tailwindcss/postcss": "^4.1.11",
         "@types/draft-js": "^0.11.18",
-        "@types/turndown": "^5.0.5",
         "@types/node": "^20",
         "@types/react": "^19",
         "@types/react-dom": "^19",
+        "@types/turndown": "^5.0.5",
         "eslint": "^9",
         "eslint-config-next": "15.4.2",
         "tailwindcss": "^4.1.11",

platforms/group-charter-manager/src/components/auth/login-screen.tsx

@@ -70,10 +70,21 @@ export default function LoginScreen() {
     };
   };
 
+  const getAppStoreLink = () => {
+			const userAgent = navigator.userAgent || navigator.vendor || window.opera;
+			if (/android/i.test(userAgent)) {
+				return "https://play.google.com/store/apps/details?id=foundation.metastate.eid_wallet";
+			}
+			if (/iPad|iPhone|iPod/.test(userAgent) && !window.MSStream) {
+				return "https://apps.apple.com/in/app/eid-for-w3ds/id6747748667"
+			}
+			return "https://play.google.com/store/apps/details?id=foundation.metastate.eid_wallet";
+		};
+
   if (isLoading) {
     return (
       <div className="flex h-screen items-center justify-center">
-        <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900"></div>
+        <div className="animate-spin rounded-full h-32 w-32 border-b-2 border-gray-900" />
       </div>
     );
   }
@@ -101,15 +112,15 @@ export default function LoginScreen() {
                 />
                 <h1 className="text-3xl font-bold">Group Charter</h1>
             </div>
-            <p class="text-gray-600">
+            <p className="text-gray-600">
                 Coordinate your group in the MetaState
             </p>
         </div>
       <div className="bg-white/50 p-8 rounded-lg shadow-lg max-w-md w-full">
         <div className="text-center mb-8">
-          
+
           <p className="text-gray-600">
-            Scan the QR code to login with your W3DS identity
+            Scan the QR code using your <a href={getAppStoreLink()}><b><u>eID App</u></b></a> to login
           </p>
         </div>
 
@@ -142,7 +153,9 @@ export default function LoginScreen() {
 
         <div className="text-center">
           <p className="text-sm text-gray-500">
-            Use your W3DS wallet to scan this QR code and authenticate
+           <span className="mb-1 block font-bold text-gray-600">The {isMobileDevice() ? "button": "code"} is valid for 60 seconds</span>
+			<span className="block font-light text-gray-600">Please refresh the page if it expires</span
+			>
           </p>
         </div>
 
@@ -155,13 +168,15 @@ export default function LoginScreen() {
           servers.
         </div>
 
-        <Image
-          src="/W3DS.svg"
-          alt="W3DS Logo"
-          width={50}
-          height={20}
-          className="mx-auto mt-5"
-        />
+        <a href="https://metastate.foundation" target="_blank" rel="noopener noreferrer">
+            <Image
+            src="/W3DS.svg"
+            alt="W3DS Logo"
+            width={50}
+            height={20}
+            className="mx-auto mt-5"
+            />
+        </a>
       </div>
     </div>
   );

platforms/pictique/src/routes/(auth)/auth/+page.svelte

@@ -127,7 +127,9 @@
 		{/if}
 
 		<p class="text-center">
-			<span class="mb-1 block font-bold text-gray-600">The code is valid for 60 seconds</span>
+			<span class="mb-1 block font-bold text-gray-600"
+				>The {isMobileDevice() ? 'button' : 'code'} is valid for 60 seconds</span
+			>
 			<span class="block font-light text-gray-600">Please refresh the page if it expires</span
 			>
 		</p>