From 27aa54a73eba8877c87a0c55c4dc5301c625ba7a Mon Sep 17 00:00:00 2001
From: Tao Chen <taochen@microsoft.com>
Date: Thu, 16 Mar 2023 13:17:51 -0700
Subject: [PATCH] Update links

---
 samples/apps/github-qna-webapp-react/README.md         |  8 +++++---
 samples/apps/github-qna-webapp-react/src/App.tsx       | 10 +++++-----
 .../src/components/GitHubRepoSelection.tsx             |  6 +++---
 .../github-qna-webapp-react/src/components/QnA.tsx     |  6 +++---
 4 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/samples/apps/github-qna-webapp-react/README.md b/samples/apps/github-qna-webapp-react/README.md
index d2f4d9da14d2..8b32049480a5 100644
--- a/samples/apps/github-qna-webapp-react/README.md
+++ b/samples/apps/github-qna-webapp-react/README.md
@@ -22,7 +22,9 @@ The GitHub Repo Q&A Bot sample allows you to pull in data from a public GitHub r
 
 ## Next Steps
 
-Create Skills and SK functions: Check out the [documentation](TODO link to documentation) for how to create Skills or watch the [video​](TODO Link to video)
-Join the community: Join our [Discord community](https://aka.ms/SKDiscord) to share ideas and get help​
-Contribute: We need your help to make this the best it can be.  Learn how you can [contribute](TODO Link to contribute) to this project.​
+Create Skills and SK functions: Check out the [documentation](https://aka.ms/sk/learn) for how to create Skills.
+
+Join the community: Join our [Discord community](https://aka.ms/SKDiscord) to share ideas and get help​.
+
+Contribute: We need your help to make this the best it can be.  Learn how you can [contribute](https://github.com/microsoft/semantic-kernel/blob/main/CONTRIBUTING.md) to this project.​
 ## Troubleshooting Steps
\ No newline at end of file
diff --git a/samples/apps/github-qna-webapp-react/src/App.tsx b/samples/apps/github-qna-webapp-react/src/App.tsx
index 808e12907b7a..ac8f826000e9 100644
--- a/samples/apps/github-qna-webapp-react/src/App.tsx
+++ b/samples/apps/github-qna-webapp-react/src/App.tsx
@@ -61,7 +61,7 @@ const App: FC = () => {
             items: [
                 {
                     title: 'Read Documentation',
-                    uri: 'https://aka.ms/SKDocBook',
+                    uri: 'https://aka.ms/sk/github-bot',
                 },
             ],
         },
@@ -70,11 +70,11 @@ const App: FC = () => {
             items: [
                 {
                     title: 'Q&A',
-                    uri: '#TODO',
+                    uri: 'https://aka.ms/sk/repo/githubbot/QA',
                 },
                 {
                     title: 'Pull Web Content',
-                    uri: '#TODO',
+                    uri: 'https://aka.ms/sk/repo/githubbot/pullwebcontent',
                 },
             ],
         },
@@ -83,11 +83,11 @@ const App: FC = () => {
             items: [
                 {
                     title: 'Memories',
-                    uri: '#TODO',
+                    uri: 'https://aka.ms/sk/memories',
                 },
                 {
                     title: 'Embeddings',
-                    uri: '#TODO',
+                    uri: 'https://aka.ms/sk/embeddings',
                 },
             ],
         },
diff --git a/samples/apps/github-qna-webapp-react/src/components/GitHubRepoSelection.tsx b/samples/apps/github-qna-webapp-react/src/components/GitHubRepoSelection.tsx
index 3042e4ac7257..a456870ddab7 100644
--- a/samples/apps/github-qna-webapp-react/src/components/GitHubRepoSelection.tsx
+++ b/samples/apps/github-qna-webapp-react/src/components/GitHubRepoSelection.tsx
@@ -1,6 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
-import { Body1, Button, Input, Label, Spinner, Subtitle2, Title3 } from '@fluentui/react-components';
+import { Body1, Button, Input, Label, Spinner, Title3 } from '@fluentui/react-components';
 import { ArrowDownload16Regular, CheckmarkCircle20Filled } from '@fluentui/react-icons';
 import { FC, useState } from 'react';
 import { useSemanticKernel } from '../hooks/useSemanticKernel';
@@ -51,10 +51,10 @@ const GitHubProjectSelection: FC<IData> = ({ uri, keyConfig, onLoadProject, onBa
     return (
         <div style={{ paddingTop: 20, gap: 20, display: 'flex', flexDirection: 'column', alignItems: 'left' }}>
             <Title3 style={{ alignItems: 'left' }}>Enter in the GitHub Project URL</Title3>
-            <Subtitle2>
+            <Body1>
                 Start by entering a GitHub Repository URL. We will pull the public repository into local memory so you
                 can ask any questions about the repository and get help.{' '}
-            </Subtitle2>
+            </Body1>
             <br></br>
             <Label>
                 <strong>GitHub Repository URL</strong>
diff --git a/samples/apps/github-qna-webapp-react/src/components/QnA.tsx b/samples/apps/github-qna-webapp-react/src/components/QnA.tsx
index a72bfaa1cabc..1db66307358c 100644
--- a/samples/apps/github-qna-webapp-react/src/components/QnA.tsx
+++ b/samples/apps/github-qna-webapp-react/src/components/QnA.tsx
@@ -1,6 +1,6 @@
 // Copyright (c) Microsoft. All rights reserved.
 
-import { Button, Label, Slider, SliderOnChangeData, Subtitle2, Title3 } from '@fluentui/react-components';
+import { Body1, Button, Label, Slider, SliderOnChangeData, Title3 } from '@fluentui/react-components';
 import React, { FC, useCallback, useState } from 'react';
 import { ChatHistoryItem, IChatMessage } from './chat/ChatHistoryItem';
 
@@ -79,10 +79,10 @@ const QnA: FC<IData> = ({ uri, project, branch, keyConfig, onBack }) => {
     return (
         <div style={{ paddingTop: 20, gap: 20, display: 'flex', flexDirection: 'column', alignItems: 'left' }}>
             <Title3>Ask questions about the repository</Title3>
-            <Subtitle2>
+            <Body1>
                 Now that the repository is in your local memory and embeddings are created for it, you can ask questions
                 about it.
-            </Subtitle2>
+            </Body1>
 
             <div
                 style={{