From 196152b92aa63fb4440a76057946f90146f31a8b Mon Sep 17 00:00:00 2001 From: Farhoud Shapouran Date: Mon, 17 Feb 2025 23:51:26 +0300 Subject: [PATCH] fix: rename files --- src/components/Years.tsx | 140 --------------------------------------- 1 file changed, 140 deletions(-) delete mode 100644 src/components/Years.tsx diff --git a/src/components/Years.tsx b/src/components/Years.tsx deleted file mode 100644 index 48affdb..0000000 --- a/src/components/Years.tsx +++ /dev/null @@ -1,140 +0,0 @@ -import React, { useCallback, useMemo } from 'react'; -import { View, StyleSheet, Pressable, Text } from 'react-native'; -import { useCalendarContext } from '../calendar-context'; -import { cn, formatNumber, getDateYear, getYearRange } from '../utils'; -import { CONTAINER_HEIGHT } from '../enums'; - -const Years = () => { - const { - mode, - numerals = 'latn', - currentDate, - currentYear, - date, - onSelectYear, - styles = {}, - classNames = {}, - components = {}, - containerHeight = CONTAINER_HEIGHT, - } = useCalendarContext(); - - const style = useMemo( - () => createDefaultStyles(containerHeight), - [containerHeight] - ); - - const selectedYear = getDateYear(date); - - const generateCells = useCallback(() => { - const years = getYearRange(currentYear); - const activeYear = getDateYear(currentDate); - const column = years.map((year) => { - const isSelected = year === selectedYear; - const isActivated = year === activeYear; - - const containerStyle = StyleSheet.flatten([ - defaultStyles.year, - styles.year, - isActivated && styles.active_year, - isSelected && styles.selected_year, - ]); - - const textStyle = StyleSheet.flatten([ - styles.year_label, - isActivated && styles.active_year_label, - isSelected && styles.selected_year_label, - ]); - - const containerClassName = cn( - classNames.year, - isActivated && classNames.active_year, - isSelected && classNames.selected_year - ); - - const textClassName = cn( - classNames.year_label, - isActivated && classNames.active_year_label, - isSelected && classNames.selected_year_label - ); - - return ( - - {components.Year ? ( - onSelectYear(year)} - accessibilityRole="button" - accessibilityLabel={year.toString()} - style={defaultStyles.year} - > - {components.Year({ - number: year, - text: formatNumber(year, numerals), - isSelected, - isActivated, - })} - - ) : ( - onSelectYear(year)} - accessibilityRole="button" - accessibilityLabel={year.toString()} - style={containerStyle} - className={containerClassName} - > - - {formatNumber(year, numerals)} - - - )} - - ); - }); - return column; - }, [ - onSelectYear, - selectedYear, - currentYear, - currentDate, - styles, - mode, - classNames, - components?.Year, - ]); - - return ( - - {generateCells()} - - ); -}; - -const defaultStyles = StyleSheet.create({ - container: { - flex: 1, - alignItems: 'center', - justifyContent: 'center', - }, - years: { - flexDirection: 'row', - flexWrap: 'wrap', - }, - year: { - flex: 1, - margin: 2, - alignItems: 'center', - justifyContent: 'center', - }, -}); - -const createDefaultStyles = (containerHeight: number) => - StyleSheet.create({ - yearCell: { - width: `${100 / 3}%`, - height: containerHeight / 6, - }, - }); - -export default Years;