From 498edb831778964aaa60c0746be44f1cb397cf51 Mon Sep 17 00:00:00 2001
From: nael <ouldbelkacemnael@yahoo.fr>
Date: Tue, 5 Dec 2023 21:12:50 +0100
Subject: [PATCH] :bug: Fixed org bug

---
 .../components/AddLinkedAccount.tsx           |  1 +
 .../src/components/shared/team-switcher.tsx   | 27 +++++++------------
 apps/webapp/src/hooks/useOrganisations.tsx    | 13 ++++-----
 3 files changed, 16 insertions(+), 25 deletions(-)

diff --git a/apps/webapp/src/components/configuration/components/AddLinkedAccount.tsx b/apps/webapp/src/components/configuration/components/AddLinkedAccount.tsx
index 1e2fb4957..7010abd44 100644
--- a/apps/webapp/src/components/configuration/components/AddLinkedAccount.tsx
+++ b/apps/webapp/src/components/configuration/components/AddLinkedAccount.tsx
@@ -49,6 +49,7 @@ const AddLinkedAccount = () => {
 
   const {selectedOrganisation} = useOrganisationStore();
   const {selectedProject} = useProjectStore();
+  console.log("submitting with org "+ selectedOrganisation.id_organization);
 
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault(); // Prevent default form submission
diff --git a/apps/webapp/src/components/shared/team-switcher.tsx b/apps/webapp/src/components/shared/team-switcher.tsx
index 6d5450b59..a3df27a5b 100644
--- a/apps/webapp/src/components/shared/team-switcher.tsx
+++ b/apps/webapp/src/components/shared/team-switcher.tsx
@@ -69,18 +69,11 @@ export default function TeamSwitcher({ className }: TeamSwitcherProps) {
   const [projectName, setProjectName] = useState('');
 
   //TODO: it loads endlessly
-  const { data : orgs, isLoading: isloadingOrganisations, error: isOrgErr } = useOrganisations();
+  const { data : orgs, isLoading: isloadingOrganisations } = useOrganisations();
   const { data : projects, isLoading: isloadingProjects } = useProjects();
 
-
   const { selectedProject, setSelectedProject } = useProjectStore();
   const { selectedOrganisation, setSelectedOrganisation } = useOrganisationStore();
-
-
-  console.log("error is "+ isOrgErr);
-  console.log("loading is "+ isloadingOrganisations);
-  console.log("data is "+ orgs);
-
   
   const { profile } = useProfileStore();
 
@@ -92,7 +85,7 @@ export default function TeamSwitcher({ className }: TeamSwitcherProps) {
       console.log("dddd "+ orgs[0].id_organization);
       setSelectedOrganisation(orgs[0]);
     }
-  },[projects,orgs, setSelectedProject])
+  },[projects, orgs, setSelectedProject, setSelectedOrganisation])
 
 
   const handleOpenChange = (open: boolean) => {
@@ -183,33 +176,33 @@ export default function TeamSwitcher({ className }: TeamSwitcherProps) {
                   }
                 </CommandGroup>
                 <CommandGroup key={"organisations"} heading={"Organisations"}>
-                  {!isloadingOrganisations && orgs ? orgs.map((org) => (
+                  {!isloadingOrganisations && orgs ? 
                     <CommandItem
-                      key={org.id_organization}
+                      key={orgs[0].id_organization}
                       onSelect={() => {
-                        setSelectedOrganisation(org)
+                        setSelectedOrganisation(orgs[0])
                         setOpen(false)
                       }}
                       className="text-sm"
                     >
                       <Avatar className="mr-2 h-5 w-5">
                         <AvatarImage
-                          src={`https://avatar.vercel.sh/${org.name}.png`}
-                          alt={org.name}
+                          src={`https://avatar.vercel.sh/${orgs[0].name}.png`}
+                          alt={orgs[0].name}
                           className="grayscale"
                         />
                         <AvatarFallback>SC</AvatarFallback>
                       </Avatar>
-                      {org.name}
+                      {orgs[0].name}
                       <CheckIcon
                         className={cn(
                           "ml-auto h-4 w-4",
-                          selectedOrganisation?.name === org.name
+                          selectedOrganisation?.name === orgs[0].name
                             ? "opacity-100"
                             : "opacity-0"
                         )}
                       />
-                    </CommandItem>))
+                    </CommandItem>
                   : 
                     <CommandItem
                       key={"0"}
diff --git a/apps/webapp/src/hooks/useOrganisations.tsx b/apps/webapp/src/hooks/useOrganisations.tsx
index 497755646..af9bea0e9 100644
--- a/apps/webapp/src/hooks/useOrganisations.tsx
+++ b/apps/webapp/src/hooks/useOrganisations.tsx
@@ -4,18 +4,15 @@ import { organizations as Organisation } from 'api';
 
 const fetchOrgs = async (): Promise<Organisation[]> => {
   const response = await fetch(`${config.API_URL}/organisations`);
-  const a = await response.json();
-  console.log(a[0].id_organization);
-  
-    if (!response.ok) {
-      throw new Error('Network response was not ok');
-    }
-    return response.json();
+  if (!response.ok) {
+    throw new Error('Network response was not ok');
+  }
+  return response.json();
 }
 
 const useOrganisations = () => {
   return useQuery({
-    queryKey: ['orgs'], 
+    queryKey: ['organisations'], 
     queryFn: fetchOrgs
   });
 };