hiding tabs if prompt isn't availabel

microsoft · Aug 11, 2023 · 81b7477 · 81b7477
1 parent cd86a4e
commit 81b7477
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/webapp/src/components/chat/prompt-dialog/PromptDialog.tsx b/webapp/src/components/chat/prompt-dialog/PromptDialog.tsx
@@ -101,14 +101,16 @@ export const PromptDialog: React.FC<IPromptDialogProps> = ({ message }) => {
                     <DialogTitle>Prompt</DialogTitle>
                     <DialogContent>
                         <TokenUsageGraph promptView tokenUsage={message.tokenUsage ?? {}} />
-                        <TabList selectedValue={selectedTab} onTabSelect={onTabSelect}>
-                            <Tab data-testid="formatted" id="formatted" value="formatted">
-                                Formatted
-                            </Tab>
-                            <Tab data-testid="rawContent" id="rawContent" value="rawContent">
-                                Raw Content
-                            </Tab>
-                        </TabList>
+                        {message.prompt && (
+                            <TabList selectedValue={selectedTab} onTabSelect={onTabSelect}>
+                                <Tab data-testid="formatted" id="formatted" value="formatted">
+                                    Formatted
+                                </Tab>
+                                <Tab data-testid="rawContent" id="rawContent" value="rawContent">
+                                    Raw Content
+                                </Tab>
+                            </TabList>
+                        )}
                         {selectedTab === 'formatted' && promptDetails}
                         {selectedTab === 'rawContent' &&
                             formatParagraphTextContent((prompt as BotResponsePrompt).rawContent)}