| @@ -4,12 +4,16 @@ | ||
| 4 | 4 | import { __ } from '@wordpress/i18n'; |
| 5 | 5 | import { chevronUp, Icon } from '@wordpress/icons'; |
| 6 | 6 | |
| 7 | 7 | export const Mobile = () => { |
| 8 | - const { isMobile, minimized, setMinimized } = useGlobalStore(); | |
| 8 | + const { isMobile, minimized, setMinimized, setOpen } = useGlobalStore(); | |
| 9 | 9 | const ref = useRef(null); |
| 10 | 10 | |
| 11 | - const minimize = () => setMinimized(false); | |
| 11 | + const maximize = () => { | |
| 12 | + // A restored minimized:true can pair with open:false, which renders nothing. | |
| 13 | + setOpen(true); | |
| 14 | + setMinimized(false); | |
| 15 | + }; | |
| 12 | 16 | |
| 13 | 17 | useEffect(() => { |
| 14 | 18 | if (!isMobile || minimized) return; |
| 15 | 19 | // Set button height as root var |
| @@ -33,13 +37,13 @@ | ||
| 33 | 37 | <button |
| 34 | 38 | ref={ref} |
| 35 | 39 | type="button" |
| 36 | 40 | className="m-0 flex w-full items-center justify-between gap-2 bg-gray-900 px-4 py-3 font-sans text-white shadow-[0_-1px_0_0_rgba(255,255,255,0.05)]" |
| 37 | - onClick={minimize} | |
| 41 | + onClick={maximize} | |
| 38 | 42 | aria-label={__('Open Agent', 'extendify-local')} |
| 39 | 43 | > |
| 40 | 44 | <div className="flex gap-3"> |
| 41 | - <div className="flex h-10 w-10 items-center justify-center rounded-full bg-wp-theme-main"> | |
| 45 | + <div className="flex h-10 w-10 items-center justify-center rounded-full bg-[#3858e9]"> | |
| 42 | 46 | <Icon icon={magic} size={24} /> |
| 43 | 47 | </div> |
| 44 | 48 | <div className="text-left text-sm rtl:text-right"> |
| 45 | 49 | <div className="font-semibold"> |
