DebugControls.tsx

/* eslint-disable react-native/no-inline-styles */
import * as React from 'react';

import { useNavigation } from '@react-navigation/native';

import type { ContextMenuExampleProps } from './SharedExampleTypes';

import { ContextMenuCard } from '../components/ContextMenuCard';
import { CardButton } from '../components/Card/CardButton';
import { SHARED_ENV } from '../constants/SharedEnv';


export function DebugControls(props: ContextMenuExampleProps) {
  // eslint-disable-next-line react-hooks/rules-of-hooks
  const navigation = SHARED_ENV.enableReactNavigation && useNavigation();

  return (
    <ContextMenuCard
      style={props.style}
      index={props.index}
      title={'Debug Controls'}
      subtitle={'For testing and stuff'}
    >
      <CardButton
        title={'Push: Home'}
        subtitle={'Navigate to "Home" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Home');
        }}
      />
      <CardButton
        title={'Push: Test 01'}
        subtitle={'Navigate to "Test" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test');
        }}
      />
      <CardButton
        title={'Push: Test 02'}
        subtitle={'Navigate to "Test02" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test02');
        }}
      />
      <CardButton
        title={'Push: Test 03'}
        subtitle={'Navigate to "Test03" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test03');
        }}
      />
      <CardButton
        title={'Push: Test 04'}
        subtitle={'Navigate to "Test04" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test04');
        }}
      />
      <CardButton
        title={'Push: Test 05'}
        subtitle={'Navigate to "Test05" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test05');
        }}
      />
      <CardButton
        title={'Push: Test 06'}
        subtitle={'Navigate to "Test06" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test06');
        }}
      />
      <CardButton
        title={'Push: Test 07'}
        subtitle={'Navigate to "Test05" screen...'}
        onPress={() => {
          // @ts-ignore
          navigation.push('Test07');
        }}
      />
    </ContextMenuCard>
  );
};