<commit_before>// @flow

import React from 'react'
import { Text, View, StyleSheet } from 'react-native'
import style from '../../../common/style'
import moment from 'moment-timezone'


import type { SlotTime } from '../../../reducers/sessions'

const styles = StyleSheet.create({
   container: {
    padding: 10,
    borderColor: style.colors.color1,
    borderBottomWidth: 2
   },
   text: {
    color: style.colors.primary,
    fontSize: style.fontSizes.heading3,
   }
 })

export type Props = {
  slotTimeId: number,
  slotTimes: Array<SlotTime>
}

type TimeProps = {
  time: moment,
  style: any
}
const Time = (props: TimeProps ) => (<Text style={props.style}>{props.time.tz("Europe/Oslo").format("HH:mm")}</Text>)

const SessionSectionHeader = (props: any) => {
  const slot = props.slotTimes.find(st => st.slotId === props.slotTimeId)
  return (<View style={styles.container}>
    <Text style={styles.text}>
      {`Session: ${props.slotTimeId}: `}
      <Time time={slot.start} style={styles.text} /> - <Time time={slot.end}  style={styles.text} />
    </Text>
  </View>)
}<commit_msg>fix: add background color to header section<commit_after>// @flow

import React from 'react'
import { Text, View, StyleSheet } from 'react-native'
import style from '../../../common/style'
import moment from 'moment-timezone'


import type { SlotTime } from '../../../reducers/sessions'

const styles = StyleSheet.create({
   container: {
    padding: 10,
    borderColor: style.colors.color1,
    borderBottomWidth: 2,
    backgroundColor: style.colors.background
   },
   text: {
    color: style.colors.primary,
    fontSize: style.fontSizes.heading3,
   }
 })

export type Props = {
  slotTimeId: number,
  slotTimes: Array<SlotTime>
}

type TimeProps = {
  time: moment,
  style: any
}
const Time = (props: TimeProps ) => (<Text style={props.style}>{props.time.tz("Europe/Oslo").format("HH:mm")}</Text>)

const SessionSectionHeader = (props: any) => {
  const slot = props.slotTimes.find(st => st.slotId === props.slotTimeId)
  return (<View style={styles.container}>
    <Text style={styles.text}>
      {`Session: ${props.slotTimeId}: `}
      <Time time={slot.start} style={styles.text} /> - <Time time={slot.end}  style={styles.text} />
    </Text>
  </View>)
}
{'fraction_non_alphanumeric': 0.1709363957597173, 'fraction_numerical': 0.00441696113074205, 'mean_word_length': 3.5757575757575757, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 27, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3134011', 'n_tokens_mistral': 749, 'n_tokens_neox': 739, 'n_words': 174}