← All changes
|
backend/views/components/Docs/components/support/LiveChatToggle.jsx
+10
-10
1.4.11
→
1.4.21
View file →
| @@ -47,10 +47,10 @@ | ||
| 47 | 47 | .finally(() => setSaving(false)); |
| 48 | 48 | }; |
| 49 | 49 | |
| 50 | 50 | return ( |
| 51 | - <div className="disco-flex disco-items-center disco-gap-4 disco-p-4 disco-rounded-xl disco-border disco-border-gray-200 disco-bg-gray-50 hover:disco-bg-white hover:disco-shadow-sm hover:disco-border-primary disco-transition-all"> | |
| 52 | - <span className="disco-w-12 disco-h-12 disco-rounded-xl disco-flex disco-items-center disco-justify-center disco-flex-shrink-0 disco-bg-[#ffd9d9]"> | |
| 51 | + <div className="disco:flex disco:items-center disco:gap-4 disco:p-4 disco:rounded-xl disco:border disco:border-gray-200 disco:bg-gray-50 disco:hover:bg-white disco:hover:shadow-sm disco:hover:border-primary disco:transition-all"> | |
| 52 | + <span className="disco:w-12 disco:h-12 disco:rounded-xl disco:flex disco:items-center disco:justify-center disco:shrink-0 disco:bg-[#ffd9d9]"> | |
| 53 | 53 | <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"> |
| 54 | 54 | <path d="M14 9a2 2 0 0 1-2 2H6l-4 4V4c0-1.1.9-2 2-2h8a2 2 0 0 1 2 2v5Z"/> |
| 55 | 55 | <path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/> |
| 56 | 56 | </svg> |
| @@ -55,13 +55,13 @@ | ||
| 55 | 55 | <path d="M18 9h2a2 2 0 0 1 2 2v11l-4-4h-6a2 2 0 0 1-2-2v-1"/> |
| 56 | 56 | </svg> |
| 57 | 57 | </span> |
| 58 | 58 | |
| 59 | - <div className="disco-flex-1"> | |
| 60 | - <p className="disco-font-semibold disco-text-gray-800 disco-m-0 disco-text-base"> | |
| 59 | + <div className="disco:flex-1"> | |
| 60 | + <p className="disco:font-semibold disco:text-gray-800 disco:m-0 disco:text-base"> | |
| 61 | 61 | Live Chat |
| 62 | 62 | </p> |
| 63 | - <p className="disco-text-sm disco-text-gray-400 disco-m-0"> | |
| 63 | + <p className="disco:text-sm disco:text-gray-400 disco:m-0"> | |
| 64 | 64 | Need help? Let’s chat |
| 65 | 65 | </p> |
| 66 | 66 | </div> |
| 67 | 67 | |
| @@ -69,18 +69,18 @@ | ||
| 69 | 69 | checked={enabled} |
| 70 | 70 | onChange={handleToggle} |
| 71 | 71 | disabled={loading || saving} |
| 72 | 72 | className={`${ |
| 73 | - enabled ? 'disco-bg-primary' : 'disco-bg-gray-200' | |
| 74 | - } disco-relative disco-inline-flex disco-h-5 disco-w-9 disco-flex-shrink-0 disco-cursor-pointer disco-rounded-full disco-border-2 disco-border-transparent disco-transition-colors disco-duration-200 disco-ease-in-out focus:disco-outline-none ${ | |
| 75 | - loading || saving ? 'disco-opacity-50 disco-cursor-not-allowed' : '' | |
| 73 | + enabled ? 'disco:bg-primary' : 'disco:bg-gray-200' | |
| 74 | + } disco:relative disco:inline-flex disco:h-5 disco:w-9 disco:shrink-0 disco:cursor-pointer disco:rounded-full disco:border-2 disco:border-transparent disco:transition-colors disco:duration-200 disco:ease-in-out disco:focus:outline-hidden ${ | |
| 75 | + loading || saving ? 'disco:opacity-50 disco:cursor-not-allowed' : '' | |
| 76 | 76 | }`} |
| 77 | 77 | > |
| 78 | 78 | <span |
| 79 | 79 | aria-hidden="true" |
| 80 | 80 | className={`${ |
| 81 | - enabled ? 'disco-translate-x-4' : 'disco-translate-x-0' | |
| 82 | - } disco-pointer-events-none disco-inline-block disco-h-4 disco-w-4 disco-transform disco-rounded-full disco-bg-white disco-shadow disco-ring-0 disco-transition disco-duration-200 disco-ease-in-out`} | |
| 81 | + enabled ? 'disco:translate-x-4' : 'disco:translate-x-0' | |
| 82 | + } disco:pointer-events-none disco:inline-block disco:h-4 disco:w-4 disco:transform disco:rounded-full disco:bg-white disco:shadow-sm disco:ring-0 disco:transition disco:duration-200 disco:ease-in-out`} | |
| 83 | 83 | /> |
| 84 | 84 | </Switch> |
| 85 | 85 | </div> |
| 86 | 86 | ); |