From b790403354d768132481ff3790c972815f191feb Mon Sep 17 00:00:00 2001
From: Thomas Poignant <thomas.poignant@gofeatureflag.org>
Date: Fri, 6 Dec 2024 12:06:00 +0100
Subject: [PATCH] docs(example): Fixing link in react example

Signed-off-by: Thomas Poignant <thomas.poignant@gofeatureflag.org>
---
 examples/openfeature_react/README.md          |  6 ++---
 .../openfeature_react/react-app/src/App.tsx   | 24 +++++++++----------
 .../openfeature_react/react-app/src/main.tsx  |  2 +-
 3 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/examples/openfeature_react/README.md b/examples/openfeature_react/README.md
index cc40b618eef..4ab83c2415d 100644
--- a/examples/openfeature_react/README.md
+++ b/examples/openfeature_react/README.md
@@ -13,8 +13,8 @@ When ready, you can access to the application at http://localhost:3000/.
 ## What this example does?
 It uses the Openfeature react SDK and the GO Feature Flag web provider.
 
-The configuration of the server is in the `goff-proxy.yaml` file, and it loads the flag configuration from the `config.goff.yaml` file.
+The configuration of the server is in the [`goff-proxy.yaml`](goff-proxy.yaml) file, and it loads the flag configuration from the [`config.goff.yaml`](config.goff.yaml) file.
 
-You can look at the file [`react-app/src/App.tsx`](webapp/src/js/main.js) to look how we retrieve the flags, and we change the display of the page.
+You can look at the file [`react-app/src/App.tsx`](react-app/src/App.tsx) to look how we retrieve the flags, and we change the display of the page.
 
-At any moment during the demo you can edit the `config.goff.yaml` file and see how it changes the behaviors of the application.
+At any moment during the demo you can edit the [`config.goff.yaml`](config.goff.yaml) file and see how it changes the behaviors of the application.
diff --git a/examples/openfeature_react/react-app/src/App.tsx b/examples/openfeature_react/react-app/src/App.tsx
index 2714c5e9253..3b7a55419c5 100644
--- a/examples/openfeature_react/react-app/src/App.tsx
+++ b/examples/openfeature_react/react-app/src/App.tsx
@@ -1,6 +1,6 @@
 import "./App.css";
-import { EvaluationContext, OpenFeature, OpenFeatureProvider, useFlag } from "@openfeature/react-sdk";
-import { GoFeatureFlagWebProvider } from "@openfeature/go-feature-flag-web-provider";
+import {EvaluationContext, OpenFeature, OpenFeatureProvider, useFlag} from "@openfeature/react-sdk";
+import {GoFeatureFlagWebProvider} from "@openfeature/go-feature-flag-web-provider";
 
 const goFeatureFlagWebProvider = new GoFeatureFlagWebProvider({
   endpoint: "http://localhost:1031"
@@ -15,35 +15,35 @@ OpenFeature.setProvider(goFeatureFlagWebProvider);
 function App() {
   return (
     <OpenFeatureProvider>
-      <Page />
+      <Page/>
     </OpenFeatureProvider>
   );
 }
 
 function Page() {
-  const { value: hideLogo } = useFlag("hide-logo", false);
-  const { value: titleFlag } = useFlag("title-flag", "GO Feature Flag");
-  const { value: badgeClass } = useFlag("badge-class", "");
+  const {value: hideLogo} = useFlag("hide-logo", false);
+  const {value: titleFlag} = useFlag("title-flag", "GO Feature Flag");
+  const {value: badgeClass} = useFlag("badge-class", "");
 
   const setRandomEvaluationContext = () => {
     const availableContexts: Array<EvaluationContext> = [
-      { targetingKey: "user-2", userType: "dev", email: "contact@gofeatureflag.org" },
-      { targetingKey: "user-3", userType: "admin", company: "GO Feature Flag" },
-      { targetingKey: "user-4", userType: "customer", location: "Paris" },
-      { targetingKey: "user-5" }
+      {targetingKey: "user-2", userType: "dev", email: "contact@gofeatureflag.org"},
+      {targetingKey: "user-3", userType: "admin", company: "GO Feature Flag"},
+      {targetingKey: "user-4", userType: "customer", location: "Paris"},
+      {targetingKey: "user-5"}
 
     ];
     const randomIndex = Math.floor(Math.random() * availableContexts.length);
     OpenFeature.setContext(availableContexts[randomIndex]);
   };
 
-  const userType =OpenFeature.getContext().userType ?? "anonymous" as string;
+  const userType = OpenFeature.getContext().userType ?? "anonymous" as string;
 
   return (
     <>
       <div>
         <a href="https://gofeatureflag.org" target="_blank">
-          {!hideLogo && <img src="/public/logo.png" className="logo" alt="GO Feature Flag logo" />}
+          {!hideLogo && <img src="/public/logo.png" className="logo" alt="GO Feature Flag logo"/>}
         </a>
       </div>
       <h2>React example app</h2>
diff --git a/examples/openfeature_react/react-app/src/main.tsx b/examples/openfeature_react/react-app/src/main.tsx
index 3d7150da80e..d704bf538e4 100644
--- a/examples/openfeature_react/react-app/src/main.tsx
+++ b/examples/openfeature_react/react-app/src/main.tsx
@@ -5,6 +5,6 @@ import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
-    <App />
+    <App/>
   </React.StrictMode>,
 )