Rename and change copy

src/frontend/src/flows/addDevice/addCurrentDevice.json

@@ -0,0 +1,9 @@
+{
+  "en": {
+    "title": "Add Current Device",
+    "paragraph": "Please add the current device to your identity to improve the user experience with Internet Identity.",
+    "skip": "Skip",
+    "replace_origin": "Add",
+    "label_icon": "Recommended Action"
+  }
+}

src/frontend/src/flows/addDevice/replaceCurrentDeviceOrigin.ts → src/frontend/src/flows/addDevice/addCurrentDevice.ts

@@ -2,9 +2,9 @@ import { infoScreenTemplate } from "$src/components/infoScreen";
 import { I18n } from "$src/i18n";
 import { renderPage } from "$src/utils/lit-html";
 import { TemplateResult } from "lit-html";
-import copyJson from "./replaceCurrentDeviceOrigin.json";
+import copyJson from "./addCurrentDevice.json";
 
-const replaceCurrentDeviceOriginTemplate = ({
+const addCurrentDeviceTemplate = ({
   replace,
   skip,
   i18n,
@@ -29,19 +29,17 @@ const replaceCurrentDeviceOriginTemplate = ({
   });
 };
 
-export const replaceCurrentDeviceOriginPage = renderPage(
-  replaceCurrentDeviceOriginTemplate
-);
+export const addCurrentDevicePage = renderPage(addCurrentDeviceTemplate);
 
-// Prompt the user to change the origin of the current device.
-// Changing the origin improves the UX of the user when logging in with a different device.
-export const replaceCurrentDeviceOrigin = (): Promise<{
-  action: "skip" | "replace-origin-device";
+// Prompt the user to add the current device (with the current origin).
+// Adding the current device to the current origin improves the UX of the user when they come back to this origin.
+export const addCurrentDevice = (): Promise<{
+  action: "skip" | "add-current-device";
 }> => {
   return new Promise((resolve) =>
-    replaceCurrentDeviceOriginPage({
+    addCurrentDevicePage({
       i18n: new I18n(),
-      replace: () => resolve({ action: "replace-origin-device" }),
+      replace: () => resolve({ action: "add-current-device" }),
       skip: () => resolve({ action: "skip" }),
     })
   );

src/showcase/src/pages/replaceCurrentDeviceOrigin.astro → src/showcase/src/pages/addCurrentDevice.astro

@@ -6,9 +6,9 @@ import Screen from "../layouts/Screen.astro";
   <script>
     import { toast } from "$src/components/toast";
     import { i18n } from "../i18n";
-    import { replaceCurrentDeviceOriginPage } from "$src/flows/addDevice/replaceCurrentDeviceOrigin";
+    import { addCurrentDevicePage } from "$src/flows/addDevice/addCurrentDevice";
 
-    replaceCurrentDeviceOriginPage({
+    addCurrentDevicePage({
       replace: () => toast.info("Replace device's origin"),
       skip: () => toast.info("Skip"),
       i18n,