databag/app/mobile/src/session/useSession.hook.js

import { useState, useEffect, useContext } from 'react';
import { useWindowDimensions } from 'react-native';
import { useNavigate } from 'react-router-dom';
import config from 'constants/Config';

export function useSession() {

  const [state, setState] = useState({
    tabbled: null,
    subWidth: '33%',
    baseWidth: '33%',
    cardId: null,
    converstaionId: null,
  });
  const dimensions = useWindowDimensions();
  const navigate = useNavigate();

  const updateState = (value) => {
    setState((s) => ({ ...s, ...value }));
  }

  useEffect(() => {
    if (dimensions.width > config.tabbedWidth) {
      const width = Math.floor((dimensions.width * 33) / 100);
      if (width > 500) {
        updateStatus({ tabbed: false, baseWidth: 550, subWidth: 500 });
      }
      else {
        updateState({ tabbed: false, baseWidth: width + 50, subWidth: width });
      }
    }
    else {
      updateState({ tabbed: true });
    }
  }, [dimensions]);

  const actions = {
    setCardId: (cardId) => {
      updateState({ cardId });
    }
  };

  return { state, actions };
}