From be81f82905ca6eae790d0f60f2e8349ce550ae1f Mon Sep 17 00:00:00 2001
From: Will Johnston <will-github@wwj.dev>
Date: Sat, 6 Apr 2024 14:18:32 -0700
Subject: [PATCH] -OpenAI

---
 app/src/app/page.tsx                | 14 ++++++--------
 app/src/components/QuestionForm.tsx |  6 ++----
 app/src/components/VideoForm.tsx    |  6 ++----
 services/video-search/src/router.ts | 12 ++----------
 4 files changed, 12 insertions(+), 26 deletions(-)

diff --git a/app/src/app/page.tsx b/app/src/app/page.tsx
index 6c16de2..15387ab 100644
--- a/app/src/app/page.tsx
+++ b/app/src/app/page.tsx
@@ -25,7 +25,7 @@ export default function Home() {
   const [showModal, setShowModal] = useState(false);
   const [currentQuestion, setCurrentQuestion] = useState<string>('');
   const [isSettingsOpen, setIsSettingsOpen] = useState(false);
-  const [selectedOption, setSelectedOption] = useState('OpenAI');
+  const [selectedOption, setSelectedOption] = useState('Google');
 
   const handleSubmit = async (videos: string[]) => {
     // API call with the videos URLs
@@ -77,13 +77,13 @@ export default function Home() {
       <main className="flex min-h-screen flex-col items-center justify-between p-24">
         <div className="container mx-auto p-4">
           <h1 className="text-3xl md:text-4xl font-bold text-center text-indigo-600 my-8">
-            Ask me about Redis
+            Video Q&A with Redis: Ask anything about Redis
           </h1>
           <QuestionForm onSubmit={handleSearch} />
           {Array.isArray(results) && !haveResults && !isSearching && (
             <p className="mt-4">No results found. Try another question.</p>
           )}
-          {!haveOriginal && (
+          {!haveOriginal && haveResults && (
             <>
               <h2 className="text-xl font-bold mb-2 mt-4">
                 Your question has already been asked in a different way, here
@@ -102,11 +102,9 @@ export default function Home() {
 
                   void handleSearch(currentQuestion, false);
                 }}>
-                {isSearching
-? (
+                {isSearching ? (
                   <CircularProgress />
-                )
-: (
+                ) : (
                   <span>Generate unique response</span>
                 )}
               </button>
@@ -141,7 +139,7 @@ export default function Home() {
         <VideoForm onSubmit={handleSubmit} />
       </Modal>
 
-      <SettingsIcon onToggle={handleToggleSettings} />
+      {/* <SettingsIcon onToggle={handleToggleSettings} /> */}
       <UploadButton
         onClick={() => {
           setShowModal(true);
diff --git a/app/src/components/QuestionForm.tsx b/app/src/components/QuestionForm.tsx
index d39b2c9..06066eb 100644
--- a/app/src/components/QuestionForm.tsx
+++ b/app/src/components/QuestionForm.tsx
@@ -27,11 +27,9 @@ export default function QuestionForm({ onSubmit }: QuestionFormProps) {
             <button
               type="submit"
               className="absolute inset-y-0 right-0 px-4 text-white bg-indigo-600 rounded-r hover:bg-indigo-700 focus:outline-none focus:bg-indigo-700">
-              {isSubmitting
-? (
+              {isSubmitting ? (
                 <CircularProgress />
-              )
-: (
+              ) : (
                 <svg
                   className="w-6 h-6 fill-current"
                   xmlns="http://www.w3.org/2000/svg"
diff --git a/app/src/components/VideoForm.tsx b/app/src/components/VideoForm.tsx
index 920e2c6..e7f5872 100644
--- a/app/src/components/VideoForm.tsx
+++ b/app/src/components/VideoForm.tsx
@@ -64,8 +64,7 @@ function VideoForm({ onSubmit }: VideoFormProps) {
               ))}
             </ul>
           )}
-          {isSubmitting
-? (
+          {isSubmitting ? (
             <button
               onClick={(e) => {
                 e.preventDefault();
@@ -73,8 +72,7 @@ function VideoForm({ onSubmit }: VideoFormProps) {
               className="mt-2 bg-blue-500 text-white p-2 rounded">
               <CircularProgress />
             </button>
-          )
-: (
+          ) : (
             <button
               type="submit"
               className="mt-2 bg-blue-500 text-white p-2 rounded">
diff --git a/services/video-search/src/router.ts b/services/video-search/src/router.ts
index 5efe44c..518d565 100644
--- a/services/video-search/src/router.ts
+++ b/services/video-search/src/router.ts
@@ -17,17 +17,12 @@ router.post('/videos', async (req, res) => {
         });
 
         const google = getApi('google');
-        const openai = getApi('openai');
         const documents = await transcripts.load(videos);
 
         await google.store.storeVideoVectors(
             await google.prompt.summarizeVideos(documents),
         );
 
-        await openai.store.storeVideoVectors(
-            await openai.prompt.summarizeVideos(documents),
-        );
-
         res.status(200).json({ message: 'Videos loaded' });
     } catch (e) {
         log.error('Unexpected error in /videos', {
@@ -43,17 +38,14 @@ router.post('/videos', async (req, res) => {
 });
 
 router.get('/videos/search', async (req, res) => {
-    const {
-        question,
-        api: useApi,
-        useCache,
-    } = req.query as {
+    const { question, useCache } = req.query as {
         question: string;
         api: 'google' | 'openai';
         useCache?: 'true' | 'false';
     };
 
     try {
+        const useApi = 'google';
         log.debug(`Searching videos using ${useApi}`, {
             question,
             location: 'router.videos.search',