✨ Updates rag webapp code

panoratech · Sep 16, 2024 · c9f0652 · c9f0652
1 parent 99a65fa
commit c9f0652
Show file tree

Hide file tree

Showing 44 changed files with 1,013 additions and 865 deletions.
diff --git a/apps/magic-link/src/lib/ProviderModal.tsx b/apps/magic-link/src/lib/ProviderModal.tsx
@@ -197,7 +197,6 @@ const ProviderModal = () => {
     const providerMetadata = CONNECTORS_METADATA[selectedProvider.category][selectedProvider.provider];
 
     if (providerMetadata.authStrategy.strategy === AuthStrategy.oauth2) {
-      console.log("values are "+ JSON.stringify(values))
       setAdditionalParams(values);
       setStartFlow(true);
     }else{

diff --git a/apps/webapp/src/app/(Dashboard)/configuration/page.tsx b/apps/webapp/src/app/(Dashboard)/configuration/page.tsx
@@ -39,7 +39,7 @@ import useUpdatePullFrequency from "@/hooks/create/useCreatePullFrequency";
 import { toast } from "sonner";
 import { useQueryClient } from "@tanstack/react-query";
 import { Loader2 } from "lucide-react";
-import { RAGSettingsPage } from "@/components/Configuration/RAGSettings/RAGSettingsPage";
+import RAGSettingsPage from "@/components/Configuration/RAGSettings/RAGSettingsPage";
 
 const frequencyOptions = [
   { label: '5 min', value: 300 },
@@ -128,10 +128,17 @@ export default function Page() {
 
 
 
-  const saveFrequency = async (vertical: string) => {
+  const handleFrequencyChangeAndSave = async (vertical: string, value: string) => {
+    handleFrequencyChange(vertical, value);
+    await saveFrequency(vertical, value);
+  };
+
+  const saveFrequency = async (vertical: string, value: string) => {
     setLoadingStates(prev => ({ ...prev, [vertical]: true }));
     try {
-      const updateData = { [vertical]: parseInt(localFrequencies[vertical] || '0', 10) };
+      const frequency = parseInt(value, 10);
+      console.log("frequency being saved: " + frequency);
+      const updateData = { [vertical]: frequency };
 
       await toast.promise(
         createPullFrequencyPromise(updateData),
@@ -140,9 +147,9 @@ export default function Page() {
           success: (data: any) => {
             queryClient.setQueryData<any>(['pull-frequencies'], (oldData: any) => ({
               ...oldData,
-              [vertical]: localFrequencies[vertical],
+              [vertical]: frequency.toString(),
             }));
-            return `Frequency saved`;
+            return frequency === 0 ? `${vertical} sync deactivated` : `Frequency saved for ${vertical}`;
           },
           error: (err: any) => err.message || 'Error updating frequency',
         }
@@ -238,42 +245,42 @@ export default function Page() {
         <CardDescription>Set the sync frequency for each vertical</CardDescription>
       </CardHeader>
       <CardContent>
-        {VERTICALS.map(vertical => (
-          <div key={vertical} className="mb-4">
-            <label className="block text-sm font-medium text-white mb-1">
-              {vertical.toUpperCase()}
-            </label>
-            <div className="flex items-center space-x-2">
-              <Select
-                value={localFrequencies[vertical] || '0'}
-                onValueChange={(value: string) => handleFrequencyChange(vertical, value)}
-              >
-                <SelectTrigger className="w-full">
-                  <SelectValue placeholder="Select frequency" />
-                </SelectTrigger>
-                <SelectContent>
-                  {frequencyOptions.map(option => (
-                    <SelectItem key={option.value} value={option.value.toString()}>
-                      {option.label}
-                    </SelectItem>
-                  ))}
-                </SelectContent>
-              </Select>
-              <Button 
-                onClick={() => saveFrequency(vertical)}
-                disabled={loadingStates[vertical]} 
-                size="sm" 
-                className="h-7 gap-1"
-              >
-                {loadingStates[vertical] ? (
-                  <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                ) : null}
-                {loadingStates[vertical] ? 'Saving...' : 'Save'}
-              </Button>            
-            </div>
-          </div>
-        ))}
-      </CardContent>
+  {VERTICALS.map(vertical => (
+    <div key={vertical} className="mb-4">
+      <label className="block text-sm font-medium text-white mb-1">
+        {vertical.toUpperCase()}
+      </label>
+      <div className="flex items-center space-x-2">
+        <Select
+          value={localFrequencies[vertical] || '0'}
+          onValueChange={(value: string) => handleFrequencyChangeAndSave(vertical, value)}
+          >
+          <SelectTrigger className="w-full">
+            <SelectValue placeholder="Select frequency" />
+          </SelectTrigger>
+          <SelectContent>
+            {frequencyOptions.map(option => (
+              <SelectItem key={option.value} value={option.value.toString()}>
+                {option.label}
+              </SelectItem>
+            ))}
+          </SelectContent>
+        </Select>
+        {localFrequencies[vertical] && localFrequencies[vertical] !== '0'&& (
+          <Button 
+            onClick={() => handleFrequencyChangeAndSave(vertical, '0')}
+            size="sm" 
+            variant="destructive"
+            className="h-7"
+          >
+            {localFrequencies[vertical]}
+            Deactivate
+          </Button>
+        )}
+      </div>
+    </div>
+  ))}
+</CardContent>
     </Card>
               </div>
             </TabsContent>

diff --git a/apps/webapp/src/components/Configuration/Connector/ConnectorLayout.tsx b/apps/webapp/src/components/Configuration/Connector/ConnectorLayout.tsx
@@ -26,7 +26,7 @@ export function ConnectorLayout({
 }: Props) {
   const [connector] = useConnector()
   const [selectedVertical, setSelectedVertical] = React.useState<string>("")
-
+  
   const handleSearchChange = (event: React.ChangeEvent<HTMLInputElement>) => {
     onSearchChange(event.target.value)
   }

diff --git a/apps/webapp/src/components/Configuration/Connector/ConnectorList.tsx b/apps/webapp/src/components/Configuration/Connector/ConnectorList.tsx
@@ -24,7 +24,7 @@ export function ConnectorList({ items }: ConnectorListProps) {
             )}
             onClick={() =>
               setConnector({
-                ...connector,
+                ...connector, 
                 selected: `${item.vertical}-${item.name}`,
               })
             }

diff --git a/apps/webapp/src/components/Configuration/Connector/CustomConnectorPage.tsx b/apps/webapp/src/components/Configuration/Connector/CustomConnectorPage.tsx
@@ -17,8 +17,7 @@ export default function CustomConnectorPage() {
     : providersArray(vertical);
 
   const connectors = filteredConnectors.filter((connector: Provider) => {
-    const matchesSearch = connector.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
-                          connector.description?.toLowerCase().includes(searchQuery.toLowerCase())
+    const matchesSearch = connector.name.toLowerCase().includes(searchQuery.toLowerCase()) || connector.description?.toLowerCase().includes(searchQuery.toLowerCase())
     return matchesSearch
   })