<commit_before>import React, { Component } from 'react';
import List from 'react-toolbox/lib/list/List';
import ListSubHeader from 'react-toolbox/lib/list/ListSubHeader';
import ListCheckbox from 'react-toolbox/lib/list/ListCheckbox';
import Settings from '../utils/settings';

class SettingsContainer extends Component {
    state = {
        showClock: Settings.showClock,
        tewelveHourFormat: Settings.tewelveHourFormat,
        blinkForSeconds: Settings.blinkForSeconds,
        showDate: Settings.showDate,
    };

    handleShowClockChange = (value, ev) => {
        Settings.showClock = value;
        this.setState({showClock : value});
    };

    handleShowDateChange = (value, ev) => {
        Settings.showDate = value;
        this.setState({showDate : value});
    };

    handleHourFormatChange = (value, ev) => {
        Settings.tewelveHourFormat = value;
        this.setState({tewelveHourFormat : value});
    };

    handleBlinkChange = (value, ev) => {
        Settings.blinkForSeconds = value;
        this.setState({blinkForSeconds : value});
    };

    render() {
        const {
            showClock,
            showDate,
            tewelveHourFormat,
            blinkForSeconds
        } = this.state;

        return (
            <List selectable ripple>
                <ListSubHeader caption="Clock" />
                <ListCheckbox
                    caption="Clock"
                    legend="Show the clock with date in the center of the screen."
                    checked={ showClock }
                    onChange={ this.handleShowClockChange } />
                <ListCheckbox
                    caption="Show Date"
                    legend="Show the date below the clock."
                    checked={ showDate }
                    disabled={ !showClock }
                    onChange={ this.handleShowDateChange } />
                <ListCheckbox
                    caption="12hr"
                    legend="Show the 12 hour format for the clock."
                    checked={ tewelveHourFormat }
                    disabled={ !showClock }<commit_msg>:art: Clock module setting name fix<commit_after>import React, { Component } from 'react';
import List from 'react-toolbox/lib/list/List';
import ListSubHeader from 'react-toolbox/lib/list/ListSubHeader';
import ListCheckbox from 'react-toolbox/lib/list/ListCheckbox';
import Settings from '../utils/settings';

class SettingsContainer extends Component {
    state = {
        showClock: Settings.showClock,
        tewelveHourFormat: Settings.tewelveHourFormat,
        blinkForSeconds: Settings.blinkForSeconds,
        showDate: Settings.showDate,
    };

    handleShowClockChange = (value, ev) => {
        Settings.showClock = value;
        this.setState({showClock : value});
    };

    handleShowDateChange = (value, ev) => {
        Settings.showDate = value;
        this.setState({showDate : value});
    };

    handleHourFormatChange = (value, ev) => {
        Settings.tewelveHourFormat = value;
        this.setState({tewelveHourFormat : value});
    };

    handleBlinkChange = (value, ev) => {
        Settings.blinkForSeconds = value;
        this.setState({blinkForSeconds : value});
    };

    render() {
        const {
            showClock,
            showDate,
            tewelveHourFormat,
            blinkForSeconds
        } = this.state;

        return (
            <List selectable ripple>
                <ListSubHeader caption="Clock" />
                <ListCheckbox
                    caption="Show Clock"
                    legend="Show the clock with date in the center of the screen."
                    checked={ showClock }
                    onChange={ this.handleShowClockChange } />
                <ListCheckbox
                    caption="Show Date"
                    legend="Show the date below the clock."
                    checked={ showDate }
                    disabled={ !showClock }
                    onChange={ this.handleShowDateChange } />
                <ListCheckbox
                    caption="12hr"
                    legend="Show the 12 hour format for the clock."
                    checked={ tewelveHourFormat }
                    disabled={ !showClock }
{'fraction_non_alphanumeric': 0.09593228309428639, 'fraction_numerical': 0.0018810251587114979, 'mean_word_length': 1.7968441814595661, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 19, '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': '5204160', 'n_tokens_mistral': 1110, 'n_tokens_neox': 1061, 'n_words': 248}