frontend/seed/plop-templates/component/componentStyledRedux.hbs
2025-05-14 21:49:03 +02:00

27 lines
786 B
Handlebars

import React, { useState, useEffect, useCallback, useMemo } from 'react';
// Redux part
import { useSelector, useDispatch } from 'react-redux';
import { StoreState } from 'store/rootReducer';
import classNames from 'classnames';
import TextItem from '../../items/TextItem';
import * as Styled from './{{pascalCase name}}.styled';
export interface {{pascalCase name}}Props {}
export const {{pascalCase name}} = (props: {{pascalCase name}}Props) => {
// mapStateToProps
const lg = useSelector((state: StoreState) => state.content.lg);
// Allow to dispatch actions
const dispatch = useDispatch();
return (
<Styled.{{pascalCase name}}>
<TextItem path="{{pascalCase name}} Component" />
</Styled.{{pascalCase name}}>
);
};
export default {{pascalCase name}};