From ab8e82cd2881aa6c9cd3a74f3dfcfda58f88d22e Mon Sep 17 00:00:00 2001
From: sua yoo <sua@webrecorder.org>
Date: Mon, 16 Oct 2023 15:08:43 -0700
Subject: [PATCH] Update org custom URL label (#1292)

Fast follower https://github.com/webrecorder/browsertrix-cloud/pull/1276

Updates label, info text, and preview text for org slug field to be more user-friendly
use 'Custom URL Identifier' and 'Custom your organization's web address for accessing Browsertrix Cloud'
---------
Co-authored-by: Ilya Kreymer <ikreymer@users.noreply.github.com>
Co-authored-by: Henry Wilkinson <henry@wilkinson.graphics>
---
 frontend/src/pages/org/settings.ts | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/frontend/src/pages/org/settings.ts b/frontend/src/pages/org/settings.ts
index 3212ce8a..3d2a9af8 100644
--- a/frontend/src/pages/org/settings.ts
+++ b/frontend/src/pages/org/settings.ts
@@ -202,7 +202,7 @@ export class OrgSettings extends LiteElement {
             <sl-input
               name="orgSlug"
               size="small"
-              label=${msg("Org ID")}
+              label=${msg("Custom URL Identifier")}
               placeholder="my-organization"
               autocomplete="off"
               value=${this.org.slug}
@@ -210,7 +210,7 @@ export class OrgSettings extends LiteElement {
               maxlength="30"
               required
               help-text=${msg(
-                str`Org URL will be ${window.location.protocol}//${
+                str`Org home page: ${window.location.protocol}//${
                   window.location.hostname
                 }/${
                   this.slugValue ? this.slugify(this.slugValue) : this.org.slug
@@ -220,8 +220,7 @@ export class OrgSettings extends LiteElement {
                 const input = e.target as SlInput;
                 this.slugValue = input.value;
               }}
-            >
-            </sl-input>
+            ></sl-input>
           </div>
 
           <div class="col-span-5 md:col-span-2 flex gap-2 pt-6">
@@ -229,7 +228,9 @@ export class OrgSettings extends LiteElement {
               <sl-icon name="info-circle"></sl-icon>
             </div>
             <div class="mt-0.5 text-xs text-neutral-500">
-              ${msg("Unique URL for this organization.")}
+              ${msg(
+                "Customize your organization's web address for accessing Browsertrix Cloud."
+              )}
             </div>
           </div>
         </div>