PR comments

Author: lumburovskalina

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14-alpine as build
+FROM node:20-alpine as build
 
 WORKDIR /app
 COPY package*.json /app/

dev.Dockerfile

@@ -1,4 +1,4 @@
-FROM node:14-alpine
+FROM node:20-alpine
 
 WORKDIR /app
 

pages/settings.tsx

@@ -153,8 +153,7 @@ const Settings: NextPage = () => {
           </div>
           {!isOidc ?
             <div className="form-container">
-              <h3 className="subtitle">Change password</h3>
-              <Messages messages={changedFlow?.ui.messages} />
+              <h3 className="subtitle">{flowId ? 'Set' : 'Change'} password</h3>
               <Flow
                 hideGlobalMessages
                 onSubmit={onSubmit}
@@ -166,7 +165,6 @@ const Settings: NextPage = () => {
           {containsBackupCodes ? (<div className="form-container">
             <h3 className="subtitle">Manage 2FA backup recovery codes</h3>
             <p>Recovery codes can be used in panic situations where you have lost access to your 2FA device.</p>
-            <Messages messages={changedFlow?.ui.messages} />
             <Flow
               hideGlobalMessages
               onSubmit={onSubmit}
@@ -184,7 +182,6 @@ const Settings: NextPage = () => {
                   href="https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2&hl=en&gl=US"
                   target="_blank">Android</a>).
             </p>
-            <Messages messages={changedFlow?.ui.messages} />
             <Flow
               hideGlobalMessages
               onSubmit={onSubmit}

pkg/ui/Messages.tsx

@@ -1,3 +1,4 @@
+import { displayMessage } from "@/util/helper-functions"
 import { UiText } from "@ory/client"
 import { Alert, AlertContent } from "@ory/themes"
 
@@ -9,7 +10,7 @@ export const Message = ({ message }: MessageProps) => {
   return (
     <Alert severity={message.type === "error" ? "error" : "info"}>
       <AlertContent data-testid={`ui/message/${message.id}`} className={message.type == 'error' ? 'message error' : 'message success'}>
-        {message.text}
+        {displayMessage(message)}
       </AlertContent>
     </Alert>
   )

submodules/javascript-functions

@@ -1,3 +1,7 @@
+const customMessageOverrides = {
+    1060001: "Welcome to the app! You have successfully registered. Set your first, last name and password to continue.",
+};
+
 export function getValueIdentifier(selectedRole: any) {
     let value = '';
     if (selectedRole === 'engineer') {
@@ -58,4 +62,8 @@ export function prepareNodes(flow: any) {
     }
 
     return filteredNodes;
+}
+
+export function displayMessage(msg: any): string {
+    return customMessageOverrides[msg.id] || msg.text;
 }