chore: adopt hightide 0.1.4 for tasks (#1238)

* chore: apply changes and attribute-renaming to several files

* chore: update translation

* chore: update card design

* chore: make changes to properties

* fix: fix lint

Author: DasProffi

customer/components/ContractList.tsx

@@ -1,4 +1,4 @@
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import type { PropsForTranslation } from '@helpwave/hightide'
 import { useTranslation } from '@helpwave/hightide'
 import { useContractsForProductsQuery } from '@/api/mutations/contract_mutations'
@@ -12,7 +12,7 @@ type ContractListTranslation = {
   show: string,
 }
 
-const defaultContractListTranslations: Record<Languages, ContractListTranslation> = {
+const defaultContractListTranslations: Translation<ContractListTranslation> = {
   en: {
     contracts: 'Contracts',
     noContracts: 'No Contracts',

customer/components/layout/MobileNavigationOverlay.tsx

@@ -1,4 +1,4 @@
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { languagesLocalNames } from '@helpwave/hightide'
 import { useLanguage } from '@helpwave/hightide'
 import { useRouter } from 'next/router'
@@ -16,7 +16,7 @@ import { SolidButton } from '@helpwave/hightide'
 
 type MobileNavigationOverlayTranslation = { navigation: string, logout: string }
 
-const defaultMobileNavigationOverlayTranslation: Record<Languages, MobileNavigationOverlayTranslation> = {
+const defaultMobileNavigationOverlayTranslation: Translation<MobileNavigationOverlayTranslation> = {
   en: {
     navigation: 'Navigation',
     logout: 'Logout'

customer/components/layout/NavigationSidebar.tsx

@@ -1,4 +1,3 @@
-import type { Languages } from '@helpwave/hightide'
 import { languagesLocalNames } from '@helpwave/hightide'
 import { useLanguage } from '@helpwave/hightide'
 import clsx from 'clsx'
@@ -16,7 +15,7 @@ import { useTranslation } from '@helpwave/hightide'
 import { OIDC_PROVIDER } from '@/api/config'
 
 export type NavItem = {
-  name: Record<Languages, string>,
+  name: Translation<string>,
   icon?: ReactNode,
   url: string,
   isExternal?: boolean,

customer/components/layout/Page.tsx

@@ -7,15 +7,15 @@ import type { HeaderProps } from '@/components/layout/Header'
 import { Header } from '@/components/layout/Header'
 import Link from 'next/link'
 import { Helpwave } from '@helpwave/hightide'
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { useTranslation } from '@helpwave/hightide'
 import { Menu, MessageCircleQuestionIcon, Package, Receipt, Section, Settings } from 'lucide-react'
 import Head from 'next/head'
 import { MobileNavigationOverlay } from '@/components/layout/MobileNavigationOverlay'
 
 type PageTranslation = { customer: string }
 
-const defaultPageTranslationTranslation: Record<Languages, PageTranslation> = {
+const defaultPageTranslationTranslation: Translation<PageTranslation> = {
   en: {
     customer: 'customer',
   },

customer/components/pages/create-organization.tsx

@@ -1,4 +1,4 @@
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { useTranslation, type PropsForTranslation } from '@helpwave/hightide'
 import { Page } from '@/components/layout/Page'
 import titleWrapper from '@/utils/titleWrapper'
@@ -11,7 +11,7 @@ type CreateOrganizationTranslation = {
   createOrganizationDescription: string,
 }
 
-const defaultCreateOrganizationTranslations: Record<Languages, CreateOrganizationTranslation> = {
+const defaultCreateOrganizationTranslations: Translation<CreateOrganizationTranslation> = {
   en: {
     createOrganization: 'Create Organization',
     createOrganizationDescription: 'You must create a Organization to use our Service.'

customer/components/pages/login.tsx

@@ -1,4 +1,4 @@
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { useTranslation, type PropsForTranslation } from '@helpwave/hightide'
 import { Page } from '@/components/layout/Page'
 import titleWrapper from '@/utils/titleWrapper'
@@ -12,7 +12,7 @@ type LoginTranslation = {
   register: string,
 }
 
-const defaultLoginTranslations: Record<Languages, LoginTranslation> = {
+const defaultLoginTranslations: Translation<LoginTranslation> = {
   en: {
     login: 'Login',
     email: 'Email',

customer/pages/404.tsx

@@ -1,7 +1,7 @@
 import { Helpwave } from '@helpwave/hightide'
 import type { NextPage } from 'next'
 import Link from 'next/link'
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import type { PropsForTranslation } from '@helpwave/hightide'
 import { useTranslation } from '@helpwave/hightide'
 import titleWrapper from '@/utils/titleWrapper'
@@ -14,7 +14,7 @@ type NotFoundTranslation = {
   homePage:string,
 }
 
-const defaultNotFoundTranslation: Record<Languages, NotFoundTranslation> = {
+const defaultNotFoundTranslation: Translation<NotFoundTranslation> = {
   en: {
     notFound: '404 - Page not found',
     notFoundDescription1: 'This is definitely not the page you\'re looking for',

customer/pages/auth/callback.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import type { NextPage } from 'next'
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { useTranslation, type PropsForTranslation } from '@helpwave/hightide'
 import { Page } from '@/components/layout/Page'
 import titleWrapper from '@/utils/titleWrapper'
@@ -18,7 +18,7 @@ type AuthCallbackTranslation = {
   home: string,
 }
 
-const defaultAuthCallbackTranslations: Record<Languages, AuthCallbackTranslation> = {
+const defaultAuthCallbackTranslations: Translation<AuthCallbackTranslation> = {
   en: {
     callback: 'Authentication-Callback',
     authenticationFailure: 'There was an error during authentication.',

customer/pages/index.tsx

@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import type { Languages } from '@helpwave/hightide'
+import type { Translation } from '@helpwave/hightide'
 import { useTranslation, type PropsForTranslation } from '@helpwave/hightide'
 import { Page } from '@/components/layout/Page'
 import titleWrapper from '@/utils/titleWrapper'
@@ -13,7 +13,7 @@ type DashboardTranslation = {
   dashboard: string,
 }
 
-const defaultDashboardTranslations: Record<Languages, DashboardTranslation> = {
+const defaultDashboardTranslations: Translation<DashboardTranslation> = {
   en: {
     dashboard: 'Dashboard'
   },

customer/pages/invoices/index.tsx

@@ -1,5 +1,5 @@
 import type { NextPage } from 'next'
-import { type Languages } from '@helpwave/hightide'
+import { type Translation } from '@helpwave/hightide'
 import { useTranslation, type PropsForTranslation } from '@helpwave/hightide'
 import { Page } from '@/components/layout/Page'
 import titleWrapper from '@/utils/titleWrapper'
@@ -37,7 +37,7 @@ type InvoicesTranslation = {
   allPayed: string,
 } & InvoiceStatusTranslation & ProductPlanTypeTranslation
 
-const defaultInvoicesTranslations: Record<Languages, InvoicesTranslation> = {
+const defaultInvoicesTranslations: Translation<InvoicesTranslation> = {
   en: {
     ...defaultInvoiceStatusTranslation.en,
     ...defaultProductPlanTypeTranslation.en,