grommet/grommet

Function FormatInline has 188 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const FormatInline = () => {
  const [date, setDate] = useState();
  const [emptyDate, setEmptyDate] = useState();
  const [dateRange, setDateRange] = useState();
  const [dateNoTZ, setDateNoTZ] = useState();

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <Box gap="small" align="start">
        <Text weight="bold">
          5) When defaultValue is a range and has no timezone, everything is
          returned without a timezone and is assumed to be local time
        </Text>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <Box gap="small" align="start">
        <Text weight="bold">
          4) When defaultValue is a range and has a timezone, everything stays
          in that timezone
        </Text>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <Box gap="small" align="start">
        <Text weight="bold">
          8) When state has default value w/o TZ, everything is returned without
          a timezone and is assumed to be local time
        </Text>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

      <Box gap="small" align="start">
        <Text weight="bold">
          7) When state has default value with TZ, everything everything stays
          in that timezone
        </Text>

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeRangeNoTZ = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateRangeNoTZ(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeStateDefault = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateStateDefault(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeStateDefaultNoTZ = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateStateDefaultNoTZ(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeTZ = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDate(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeRange = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateRange(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeEmpty = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setEmptyDate(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeNoTZ = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateNoTZ(nextValue);

• Read up
  Read up

Similar blocks of code found in 11 locations. Consider refactoring.

Open

  const onChangeNoDefault = (event) => {
    const nextValue = event.value;
    console.log('onChange iso date:', nextValue);
    console.log('onChange utc date:', new Date(nextValue));
    setDateNoDefault(nextValue);

• Read up
  Read up