updated premier and championships

Author: henrybon806

api/firstAPI.tsx

@@ -773,6 +773,7 @@ export const getUpcomingEvents = async (season: SupportedYear, team?: number): P
         record: 'TBD',
         matches: [],
         achievements: 'Event Not Started',
+        type: event.type || undefined, // Include event type from API
       };
 
       return eventInfo;

api/types.tsx

@@ -67,6 +67,7 @@ export interface EventInfo {
   record: string;
   matches: MatchInfo[];
   achievements: string;
+  type?: string; // Event type (Premier, Championship, etc.)
 }
 
 export interface MatchTypeAverages {

app/_layout.tsx

@@ -92,6 +92,7 @@ function InnerLayout() {
     tranks: 'Teams', tauto: 'Auto', ttele: 'TeleOp', tendgame: 'Endgame',
     mranks: 'Matches', qual: 'Qualifiers', finals: 'Finals', premier: 'Premier',
     tac: 'Terms & Conditions', privacy: 'Privacy Policy', systemstatus: 'Systems Status',
+    allevents: 'All Events', championships: 'Championship',
   };
 
   const currentPage = routeLabels[pathname?.split('/').pop() || ''] || '';
@@ -185,7 +186,7 @@ function InnerLayout() {
       <View style={[styles2.container, { backgroundColor: theme.backgroundColor }]}>
         <StatusBar barStyle={barStyle} backgroundColor={theme.backgroundColor} />
         <Animated.View style={[styles2.sidebar, { width: sidebarWidth, backgroundColor: theme.sidebarBackground }]}>
-          {sidebarVisible && <LeftSidebar close={() => setSidebarVisible(false)} />}
+          {sidebarVisible && <LeftSidebar close={() => setSidebarVisible(false)} isMobile={false} />}
         </Animated.View>
 
         <View style={[styles2.contentArea, { backgroundColor: theme.contentBackground }]}>
@@ -229,7 +230,7 @@ function InnerLayout() {
       )}
 
       <Animated.View style={[styles.sidebar, { transform: [{ translateX: sidebarTranslateX }], backgroundColor: theme.sidebarBackground }]}>
-        <LeftSidebar close={() => setSidebarVisible(false)} />
+        <LeftSidebar close={() => setSidebarVisible(false)} isMobile={true} />
         {sidebarVisible && (
           <Animated.View style={[styles.closeButton, { opacity: overlayOpacity, backgroundColor: theme.closeButtonBackground }]}>
             <TouchableOpacity style={[styles.closeButtonTouch, { backgroundColor: theme.closeButtonTouchBackground }]} onPress={() => setSidebarVisible(false)}>

app/analytics/events/index.tsx app/analytics/events/allevents.tsxapp/analytics/events/index.tsx renamed to app/analytics/events/allevents.tsx

@@ -0,0 +1,8 @@
+import EventTemplate from '@/components/templates/EventTemplate';
+import React from 'react';
+
+const EventsPage = () => (
+  <EventTemplate pageTitle="Championships" />
+);
+
+export default EventsPage;

app/analytics/events/championships.tsx

@@ -0,0 +1,8 @@
+import EventTemplate from '@/components/templates/EventTemplate';
+import React from 'react';
+
+const EventsPage = () => (
+  <EventTemplate pageTitle="Premier" />
+);
+
+export default EventsPage;

app/analytics/events/premier.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react';
-import { View, Text, StyleSheet, Pressable } from 'react-native';
+import { Pressable, StyleSheet, Text, View } from 'react-native';
 
-import Sidebar from '../../assets/icons/sidebar-simple.svg';
-import Star from '../../assets/icons/star.svg';
-import StarFill from '../../assets/icons/star-fill.svg';
+import { getFavoritesForUser, toggleFavorite } from '@/api/auth';
+import { supabase } from '@/api/dashboardInfo';
 import { useDarkMode } from '@/context/DarkModeContext';
 import { usePathname } from 'expo-router';
-import { supabase } from '@/api/dashboardInfo';
-import { getFavoritesForUser, toggleFavorite } from '@/api/auth';
+import Sidebar from '../../assets/icons/sidebar-simple.svg';
+import StarFill from '../../assets/icons/star-fill.svg';
+import Star from '../../assets/icons/star.svg';
 
 type LeftSideProps = {
   toggleSidebar: () => void;
@@ -98,7 +98,7 @@ const LeftSide = ({ toggleSidebar, pageTitle, showRoute }: LeftSideProps) => {
   } else if (pageTitle === 'ScoutSheet') {
     routeLabel = 'Scouting';
   } else if (
-    ['Teams', 'Auto', 'TeleOp', 'Endgame', 'Matches', 'Qualifiers', 'Finals', 'Premier'].includes(pageTitle)
+    ['Teams', 'Auto', 'TeleOp', 'Endgame', 'Matches', 'Qualifiers', 'Finals', 'Premier', 'All Events', 'Championship'].includes(pageTitle)
   ) {
     routeLabel = 'Analytics';
   }

components/header/leftSide.tsx

@@ -49,7 +49,7 @@ const SearchDropdown: React.FC<Props> = ({
   year,
   onSelectTeam,
   onSelectAux,
-  placeholder = 'Search teams & events…',
+  placeholder = 'Search...',
   maxResults = 30,
   zIndex = 99999,
   style,

components/header/search.tsx

@@ -10,9 +10,10 @@ import Home from "./left_sidebar/home"
 // Types
 type SidebarProps = {
   close?: () => void
+  isMobile?: boolean
 }
 
-export default function SettingsStyleSidebar({ close }: SidebarProps) {
+export default function SettingsStyleSidebar({ close, isMobile }: SidebarProps) {
   const { isDarkMode } = useDarkMode()
 
   // Theme colors
@@ -28,11 +29,11 @@ export default function SettingsStyleSidebar({ close }: SidebarProps) {
       <ScrollView showsVerticalScrollIndicator={false}>
 
         {/* Sidebar Content */}
-        <Home close={close} />
+        <Home close={close} isMobile={isMobile} />
         {/* <View style={[styles.separator, { backgroundColor: isDarkMode ? "rgba(71, 85, 105, 0.3)" : "#f3f4f6" }]} /> */}
-        <Analytics close={close} />
-        <Platforms close={close} />
-        <Scouting close={close} />
+        <Analytics close={close} isMobile={isMobile} />
+        <Platforms close={close} isMobile={isMobile} />
+        <Scouting close={close} isMobile={isMobile} />
       </ScrollView>
 
       {/* Footer */}

components/leftSidebar.tsx

@@ -15,9 +15,10 @@ import IdentificationBadge from '../../assets/icons/identification-badge.svg';
 
 type AnalyticsProps = {
   close?: () => void;
+  isMobile?: boolean;
 };
 
-const Analytics = ({ close }: AnalyticsProps) => {
+const Analytics = ({ close, isMobile }: AnalyticsProps) => {
   const router = useRouter();
   const [teamsExpanded, setTeamsExpanded] = useState(false);
   const [matchesExpanded, setMatchesExpanded] = useState(false);
@@ -68,7 +69,7 @@ const Analytics = ({ close }: AnalyticsProps) => {
 
   const go = (path: string, label: string) => {
     router.push(path as any);
-    close?.();
+    if (isMobile) close?.();
   };
 
   const textColor = isDarkMode ? '#fff' : '#000';
@@ -153,7 +154,9 @@ const Analytics = ({ close }: AnalyticsProps) => {
 
       {eventsExpanded && (
         <>
-          <SidebarItem label="All Events" onPress={() => go('/analytics/events', 'Events')} isDarkMode={isDarkMode} />
+          <SidebarItem label="All Events" onPress={() => go('/analytics/events/allevents', 'Events')} isDarkMode={isDarkMode} />
+          <SidebarItem label="Premier" onPress={() => go('/analytics/events/premier', 'Premier')} isDarkMode={isDarkMode} />
+          <SidebarItem label="Championship" onPress={() => go('/analytics/events/championships', 'Championship')} isDarkMode={isDarkMode} />
         </>
       )}
     </View>