feat: only show the active organization (#1235)

Author: DasProffi

tasks/components/layout/OrganizationDisplay.tsx

@@ -8,7 +8,6 @@ import { useOrganizationsForUserQuery } from '@helpwave/api-services/mutations/u
 import type { OrganizationDTO } from '@helpwave/api-services/types/users/organizations'
 import { ColumnTitle } from '../ColumnTitle'
 import { OrganizationCard } from '../cards/OrganizationCard'
-import { AddCard } from '../cards/AddCard'
 import { OrganizationContext } from '@/pages/organizations'
 import clsx from 'clsx'
 
@@ -50,7 +49,9 @@ export const OrganizationDisplay = ({
   const { organizations: tokenOrganizations } = useAuth()
   const { fakeTokenEnable } = getAPIServiceConfig()
 
-  usedOrganizations = usedOrganizations.filter((organization) => fakeTokenEnable || tokenOrganizations.includes(organization.id))
+  usedOrganizations = usedOrganizations
+    .filter((organization) => fakeTokenEnable || tokenOrganizations.includes(organization.id))
+    .filter((organization) => tokenOrganizations.includes(organization.id))
 
   const usedSelectedId = selectedOrganizationId ?? context.state.organizationId
   return (
@@ -68,11 +69,15 @@ export const OrganizationDisplay = ({
             }}
           />
         ))}
-        <AddCard
-          text={translation.addOrganization}
-          onClick={() => context.updateContext({ ...context.state, organizationId: '' })}
-          className={clsx('h-full', { 'border-primary border-solid': usedSelectedId === '' })}
-        />
+        {
+          /* Show again when multi organization should be re-enabled
+          <AddCard
+            text={translation.addOrganization}
+            onClick={() => context.updateContext({ ...context.state, organizationId: '' })}
+            className={clsx('h-full', { 'border-primary border-solid': usedSelectedId === '' })}
+          />
+          */
+        }
       </div>
     </div>
   )

tasks/components/layout/PageWithHeader.tsx

@@ -5,7 +5,6 @@ import { BreadCrumb } from '@helpwave/hightide'
 import { useAuth } from '@helpwave/api-services/authentication/useAuth'
 import { UserMenu } from '@/components/UserMenu'
 import { Header, type HeaderProps } from '@/components/Header'
-import { FeedbackButton } from '@/components/FeedbackButton'
 
 type PageWithHeaderProps = Partial<HeaderProps> & {
   crumbs?: Crumb[],
@@ -24,7 +23,7 @@ export const PageWithHeader = ({
                                  rightSide,
                                  crumbs
                                }: PropsWithChildren<PageWithHeaderProps>) => {
-  const { user, redirectUserToOrganizationSelection } = useAuth()
+  const { user } = useAuth()
 
   if (!user) return null
 
@@ -38,12 +37,6 @@ export const PageWithHeader = ({
         leftSideClassName="max-tablet:hidden"
         rightSide={[
           ...(rightSide ?? []),
-          (<FeedbackButton key="feedback"/>),
-          (
-            <button key="organization" onClick={() => redirectUserToOrganizationSelection()}>
-              {user?.organization?.name}
-            </button>
-          ),
           (<UserMenu key="usermenu"/>),
         ]}
       />

tasks/pages/ward/[wardId].tsx

@@ -84,6 +84,9 @@ export const WardOverviewContext = createContext<WardOverviewContextType>({
 
 const WardOverview: NextPage = ({ overwriteTranslation }: PropsForTranslation<WardOverviewTranslation>) => {
   const translation = useTranslation(defaultWardOverviewTranslation, overwriteTranslation)
+
+
+
   // TODO: could we differentiate between the two using two different states?
   const [draggedPatient, setDraggedPatient] = useState<{
     patient?: PatientMinimalDTO,