import { useState, useEffect } from 'react';\n\nexport function useMediaQuery(query) {\n const [matches, setMatches] = useState(false);\n\n useEffect(() => {\n const media = window.matchMedia(query);\n if (media.matches !== matches) {\n setMatches(media.matches);\n }\n const listener = () => {\n setMatches(media.matches);\n };\n media.addListener(listener);\n return () => media.removeListener(listener);\n }, [matches, query]);\n\n return matches;\n}
backend web_servers\n balance roundrobin\n acl is_checkout path_beg /checkout/\n http-request set-priority-class int(1) if is_checkout\n http-request set-priority-class int(2) if !is_checkout\n timeout queue 30s\n server s1 192.168.0.10:80 maxconn 30\n server s2 192.168.0.11:80 maxconn 30\n server s3 192.168.0.12:80 maxconn 30