Function ChatModelModal

app/src/components/ChatModelModal.tsx:6–47

({ handlePresentModalPress })

import { Model, Theme } from '../../types'

export function ChatModelModal({ handlePresentModalPress }: { handlePresentModalPress: () => void }) {
  const { theme } = useContext(ThemeContext)
  const { setChatType, chatType, models } = useContext(AppContext)
  const styles = getStyles(theme)
  const options = models

  function _setChatType(v: Model) {
    setChatType(v)
    handlePresentModalPress()
  }

  return (
    <View style={styles.bottomSheetContainer}>
      <View>
        <View style={styles.chatOptionsTextContainer}>
          <Text style={styles.chatOptionsText}>
            Models
          </Text>
        </View>
        {
          options.map((option, index) => (
            <TouchableHighlight
              underlayColor={'transparent'}
              onPress={() => _setChatType(option)}
              accessibilityRole="button"
              accessibilityLabel={`Select model ${option.name}`}
              key={index}>
              <View style={optionContainer(theme, chatType.label, option.label)}>
                <option.icon
                 size={20}
                 theme={theme}
                 selected={chatType.label === option.label}
                />
                <Text style={optionText(theme, chatType.label, option.label)}>
                  {option.name}
                </Text>
              </View>
            </TouchableHighlight>
          ))
        }
      </View>
    </View>
  )
}