xiongemi

import { AdhHoroscope, AdhZodiacSign } from '@aztro-daily-horoscope/models';

export interface AztroHoroscpeResponse {
  date_range: string;
  current_date: string;
  description: string;
  compatibility: string;
  mood: string;
  color: string;
  lucky_number: string;

xiongemi

export type AdhHoroscopeDay = 'today' | 'tomorrow' | 'yesterday';

xiongemi

import {
  AdhHoroscope,
  AdhHoroscopeDay,
  AdhZodiacSign,
} from '@aztro-daily-horoscope/models';
import {
  aztroService,
  transfromAztroHoroscpeResponseToAdhHoroscope,
} from '@aztro-daily-horoscope/services';
import { PayloadAction } from '@reduxjs/toolkit';

xiongemi

import { combineEpics } from 'redux-observable';

import { horoscopeEpics } from '../horoscope/horoscope.epics';

export const rootEpics = combineEpics(...horoscopeEpics);

xiongemi

import {
  AdhHoroscopeDay,
  AdhZodiacSign,
} from '@aztro-daily-horoscope/models';
import {
  horoscopeActions,
  horoscopeSelectors,
  RootState,
} from '@aztro-daily-horoscope/store';
import { AnyAction, ThunkDispatch } from '@reduxjs/toolkit';

xiongemi

const getWebpackConfig = require('@nrwl/react/plugins/webpack');

function getCustomWebpackConfig(webpackConfig) {
  const config = getWebpackConfig(webpackConfig);
  const isProduction = webpackConfig.mode === 'production';

  if (!isProduction) {
    config.resolve.alias = {
      'react-native': 'react-native-web',
    };

xiongemi

import React, { FunctionComponent } from 'react';
import { TextField, Grid } from '@mui/material';

export const AddressForm: FunctionComponent = () => {
  return (
    <form noValidate autoComplete="off">
      <Grid container spacing={2}>
        <Grid item xs={12} sm={6}>
          <TextField label="First Name" variant="outlined" fullWidth />
        </Grid>

xiongemi

import React, { FunctionComponent } from 'react';
import { Grid } from '@mui/material';
import { TextField } from 'formik-mui';
import { Field } from 'formik';

export const AddressForm: FunctionComponent = () => {
  return (
    <Grid container spacing={2}>
      <Grid item xs={12} sm={6}>
        <Field

xiongemi

export interface AddressFormValues {
  firstName: string;
  lastName: string;
  addressLine1: string;
  addressLine2?: string;
  city: string;
  provinceState: string;
  country: string;
  zipPostalCode: string;
}

xiongemi

import React, { FunctionComponent } from 'react';
import { Grid } from '@mui/material';
import { TextField } from 'formik-mui';
import { Field, FormikErrors, FormikTouched } from 'formik';

import { AddressFormValues } from './address-form-values.interface';

export interface AddressFormProps {
  formName: string;
  errors?: FormikErrors<AddressFormValues>;