Update org custom URL label (webrecorder#1292)

Fast follower webrecorder#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 <[email protected]> Co-authored-by: Henry Wilkinson <[email protected]>
urbanlab · Oct 16, 2023 · ab8e82c · ab8e82c
1 parent ddc4e03
commit ab8e82c
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/frontend/src/pages/org/settings.ts b/frontend/src/pages/org/settings.ts
@@ -202,15 +202,15 @@ 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}
               minlength="2"
               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,16 +220,17 @@ 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">
             <div class="text-base">
               <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>