From d4a21b5609065c11ba7cc12deef107a6f78aad1b Mon Sep 17 00:00:00 2001
From: Stanislas <git@slange.me>
Date: Tue, 24 Dec 2024 14:49:08 +0100
Subject: [PATCH 1/2] [mantine.dev] update use-favicon hook example to use
 cookieless domain

With the current example, when logged in to X, Chrome refuses to fetch the icon. I update the example to use another cookieless domain so that the example works for everyone.
---
 .../demos/src/demos/hooks/use-favicon.demo.usage.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
index d6cdf2f7268..0723c8f93e8 100644
--- a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
+++ b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
@@ -10,14 +10,14 @@ import { Group, Button } from '@mantine/core';
 
 function Demo() {
   const [favicon, setFavicon] = useState('https://mantine.dev/favicon.svg');
-  const setXFavicon = () => setFavicon('https://x.com/favicon.ico');
+  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
   const setMantineFavicon = () => setFavicon('https://mantine.dev/favicon.svg');
 
   useFavicon(favicon);
 
   return (
     <Group justify="center">
-      <Button onClick={setXFavicon}>X favicon</Button>
+      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
       <Button onClick={setMantineFavicon}>Mantine favicon</Button>
     </Group>
   );
@@ -26,14 +26,14 @@ function Demo() {
 
 function Demo() {
   const [favicon, setFavicon] = useState('https://mantine.dev/favicon.svg');
-  const setXFavicon = () => setFavicon('https://x.com/favicon.ico');
+  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
   const setMantineFavicon = () => setFavicon('https://mantine.dev/favicon.svg');
 
   useFavicon(favicon);
 
   return (
     <Group justify="center">
-      <Button onClick={setXFavicon}>X favicon</Button>
+      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
       <Button onClick={setMantineFavicon}>Mantine favicon</Button>
     </Group>
   );

From d225a6417ee4cf43b62a28727fea0e05c9fb1089 Mon Sep 17 00:00:00 2001
From: Stanislas Lange <git@slange.me>
Date: Tue, 24 Dec 2024 15:07:09 +0100
Subject: [PATCH 2/2] order

---
 .../demos/src/demos/hooks/use-favicon.demo.usage.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
index 0723c8f93e8..04dc722037c 100644
--- a/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
+++ b/packages/@docs/demos/src/demos/hooks/use-favicon.demo.usage.tsx
@@ -10,15 +10,15 @@ import { Group, Button } from '@mantine/core';
 
 function Demo() {
   const [favicon, setFavicon] = useState('https://mantine.dev/favicon.svg');
-  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
   const setMantineFavicon = () => setFavicon('https://mantine.dev/favicon.svg');
+  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
 
   useFavicon(favicon);
 
   return (
     <Group justify="center">
-      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
       <Button onClick={setMantineFavicon}>Mantine favicon</Button>
+      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
     </Group>
   );
 }
@@ -26,15 +26,15 @@ function Demo() {
 
 function Demo() {
   const [favicon, setFavicon] = useState('https://mantine.dev/favicon.svg');
-  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
   const setMantineFavicon = () => setFavicon('https://mantine.dev/favicon.svg');
+  const setMantineUIFavicon = () => setFavicon('https://ui.mantine.dev/favicon.svg');
 
   useFavicon(favicon);
 
   return (
     <Group justify="center">
-      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
       <Button onClick={setMantineFavicon}>Mantine favicon</Button>
+      <Button onClick={setMantineUIFavicon}>Mantine UI favicon</Button>
     </Group>
   );
 }