diff --git a/front/components/V2/TabNavigation.tsx b/front/components/V2/TabNavigation.tsx index 935e3f7..bb7c30d 100644 --- a/front/components/V2/TabNavigation.tsx +++ b/front/components/V2/TabNavigation.tsx @@ -4,8 +4,6 @@ import TabNavigationDesktop from './TabNavigationDesktop'; import TabNavigationPhone from './TabNavigationPhone'; import { Ionicons } from '@expo/vector-icons'; import React, { useState } from 'react'; -import { useSelector } from 'react-redux'; -import { RootState } from '../../state/Store'; import useColorScheme from '../../hooks/colorScheme'; export type NaviTab = { diff --git a/front/components/V2/TabNavigationButton.tsx b/front/components/V2/TabNavigationButton.tsx index 3b37111..dcb217c 100644 --- a/front/components/V2/TabNavigationButton.tsx +++ b/front/components/V2/TabNavigationButton.tsx @@ -29,8 +29,9 @@ const TabNavigationButton = (props: TabNavigationButtonProps) => { alignItems: 'center', justifyContent: 'flex-start', padding: '10px', - borderRadius: '8px', + borderRadius: 8, flexGrow: 0, + // @ts-expect-error BoxShadow is not in the types but I want it this may be a legitimate error on my part boxShadow: (() => { if (isHovered) { return '0px 0px 16px 0px rgba(0, 0, 0, 0.25)'; diff --git a/front/components/V2/TabNavigationDesktop.tsx b/front/components/V2/TabNavigationDesktop.tsx index 85f5991..339f580 100644 --- a/front/components/V2/TabNavigationDesktop.tsx +++ b/front/components/V2/TabNavigationDesktop.tsx @@ -84,6 +84,7 @@ const TabNavigationDesktop = (props: TabNavigationDesktopProps) => { @@ -117,6 +118,7 @@ const TabNavigationDesktop = (props: TabNavigationDesktopProps) => { diff --git a/front/components/V2/TabNavigationList.tsx b/front/components/V2/TabNavigationList.tsx index 6b99f8e..28fbd87 100644 --- a/front/components/V2/TabNavigationList.tsx +++ b/front/components/V2/TabNavigationList.tsx @@ -15,6 +15,7 @@ const TabNavigationList = (props: TabNavigationListProps) => { alignItems: 'flex-start', alignSelf: 'stretch', flexDirection: 'column', + // @ts-expect-error gap is not in the types because we have an old version of react-native gap: '8px', }, props.style, diff --git a/front/components/V2/TabNavigationPhone.tsx b/front/components/V2/TabNavigationPhone.tsx index e3b3736..01d1902 100644 --- a/front/components/V2/TabNavigationPhone.tsx +++ b/front/components/V2/TabNavigationPhone.tsx @@ -35,7 +35,7 @@ const TabNavigationPhone = (props: TabNavigationPhoneProps) => { flexDirection: 'row', alignItems: 'center', alignSelf: 'stretch', - borderRadius: '8px', + borderRadius: 8, backgroundColor: 'rgba(16, 16, 20, 0.5)', }} >