@visns-studio/visns-components 6.34.0 → 6.35.0

package/src/components/sms/SmsCampaigns.jsx

@@ -3,6 +3,7 @@ import {
     ArrowLeft,
     ArrowRight,
     Ban,
+    ChevronRight,
     CircleSlash,
     ExternalLink,
     FileSpreadsheet,
@@ -2425,10 +2426,39 @@ const SmsCampaignsInner = ({
         <div className={styles.settings}>
             <div className={styles.settingsHead}>
                 <div>
-                    <h1 className={styles.pageTitle}>
-                        <Megaphone size={22} strokeWidth={2.2} aria-hidden="true" />
-                        {pageTitle}
-                    </h1>
+                    {/* A breadcrumb back to the inbox the campaigns hang off —
+                        `Messages › SMS campaigns`, the trail every record page
+                        wears. A router navigation where there is a router. */}
+                    <nav aria-label="Breadcrumb">
+                        <h1 className={styles.pageTitle}>
+                            <a
+                                className={styles.pageTitleParent}
+                                href={inboxUrl}
+                                onClick={(event) => {
+                                    if (
+                                        !navigate ||
+                                        event.metaKey ||
+                                        event.ctrlKey ||
+                                        event.shiftKey ||
+                                        event.button === 1
+                                    ) {
+                                        return;
+                                    }
+                                    event.preventDefault();
+                                    navigate(inboxUrl);
+                                }}
+                            >
+                                Messages
+                            </a>
+                            <ChevronRight
+                                className={styles.pageTitleChevron}
+                                strokeWidth={2}
+                                size={16}
+                                aria-hidden="true"
+                            />
+                            <span aria-current="page">{pageTitle}</span>
+                        </h1>
+                    </nav>
                     <p className={styles.pageIntro}>
                         One message to a list of numbers, sent one at a time from a line
                         you choose. Replies come back to the inbox like any other

package/src/components/sms/SmsInbox.jsx

@@ -3,7 +3,6 @@ import {
     Inbox,
     Loader2,
     Megaphone,
-    MessageSquare,
     PenSquare,
     Unplug,
     Search,
@@ -284,10 +283,8 @@ const SmsInboxInner = ({
         <div className={styles.inbox}>
             <div className={styles.inboxHead}>
                 <div className={styles.inboxHeading}>
-                    <h1 className={styles.pageTitle}>
-                        <MessageSquare size={22} strokeWidth={2.2} aria-hidden="true" />
-                        {pageTitle}
-                    </h1>
+                    {/* No icon: no other page title in a host CRM carries one. */}
+                    <h1 className={styles.pageTitle}>{pageTitle}</h1>
                     <p className={styles.pageIntro}>
                         Text messages sent and received on the practice's phone lines.
                         Replies come back to the line they were sent from.

package/src/components/sms/SmsLineSettings.jsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { Loader2, MessageSquare, Plus, TriangleAlert, X } from 'lucide-react';
+import { Loader2, Plus, TriangleAlert, X } from 'lucide-react';
 import { toast } from 'react-toastify';
 
 import CustomFetch from '../Fetch';
@@ -264,10 +264,7 @@ const SmsLineSettings = ({
             {pageTitle !== null && (
                 <div className={styles.settingsHead}>
                     <div>
-                        <h1 className={styles.pageTitle}>
-                            <MessageSquare size={22} strokeWidth={2.2} aria-hidden="true" />
-                            {pageTitle}
-                        </h1>
+                        <h1 className={styles.pageTitle}>{pageTitle}</h1>
                         <p className={styles.pageIntro}>
                             A line is one Zoom Phone number and the staff who can see its
                             conversations. Everything staff send goes out from the line they