From 808d6d1ede410b665f2bbae75c7c148245eeced6 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 2 Sep 2022 16:59:58 +0100
Subject: [PATCH] Make examples more distinct

---
 .../src/pages/learn/reusing-logic-with-custom-hooks.md | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/beta/src/pages/learn/reusing-logic-with-custom-hooks.md b/beta/src/pages/learn/reusing-logic-with-custom-hooks.md
index b2d1fda59..20928760d 100644
--- a/beta/src/pages/learn/reusing-logic-with-custom-hooks.md
+++ b/beta/src/pages/learn/reusing-logic-with-custom-hooks.md
@@ -50,7 +50,7 @@ export default function StatusBar() {
     };
   }, []);
 
-  return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
+  return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
 }
 ```
 
@@ -109,7 +109,7 @@ Imagine for a moment that, similar to [`useState`](/apis/react/useState) and [`u
 ```js {2,7}
 function StatusBar() {
   const isOnline = useOnlineStatus();
-  return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
+  return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
 }
 
 function SaveButton() {
@@ -159,7 +159,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
 
 function StatusBar() {
   const isOnline = useOnlineStatus();
-  return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
+  return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
 }
 
 function SaveButton() {
@@ -1294,7 +1294,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
 
 function StatusBar() {
   const isOnline = useOnlineStatus();
-  return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
+  return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
 }
 
 function SaveButton() {
@@ -1357,7 +1357,7 @@ import { useOnlineStatus } from './useOnlineStatus.js';
 
 function StatusBar() {
   const isOnline = useOnlineStatus();
-  return <h1>You are {isOnline ? 'online' : 'offline'}!</h1>;
+  return <h1>{isOnline ? '✅ Online' : '❌ Disconnected'}</h1>;
 }
 
 function SaveButton() {