\r\n
: \r\n { props.handleHide(); }} icon='times' />\r\n
\r\n {props.content}\r\n \r\n {element}\r\n
\r\n \r\n })\r\n }\r\n \r\n \r\n },\r\n dl({ children }) { return {children}
},\r\n dt({ children }): JSX.Element { return {children}
},\r\n img({ node }) {\r\n const { src, alt } = node.properties as { src: string, alt: string };\r\n let imageSource = src;\r\n if (isMobile) {\r\n const imageUrl = src.match(IMAGE_URL_REGEX);\r\n const imageName = src.match(IMAGE_NAME_REGEX);\r\n const imageExtension = src.match(IMAGE_EXTENSION);\r\n imageSource = imageUrl && imageName && imageExtension ? `${imageUrl[0]}${imageName[0]}--mobil${imageExtension[0]}` : src;\r\n }\r\n return{children}
\r\n },\r\n }}\r\n />\r\n\r\n return (\r\n\r\n
\r\n \r\n {elements}\r\n
: ''}\r\n {children}
\r\n },\r\n table({ children, ...props }) {\r\n const heads = new Map {head.props.children[0]}
\r\n : ])\r\n });\r\n\r\n } else if (childElement.type === 'tbody') {\r\n const bodyRows = childElement.props.children as React.ReactElement[];\r\n bodyRows.forEach((row, rowIndex) => {\r\n const cells = row.props.children as React.ReactElement[];\r\n cells.forEach((cell, index) => {\r\n const renderKey = `${props.node.tagName}-${props.node.type}-${props.node.position?.start.line}-${mainIndex}-${rowIndex}-${index}`;\r\n heads.get(index)?.push(cell.props && cell.props.children ?\r\n {cell.props.children[0]}
:\r\n )\r\n });\r\n });\r\n }\r\n });\r\n const tableElements = [];\r\n let index = 0;\r\n for (let i of heads.values()) {\r\n tableElements.push(\r\n \r\n {i}\r\n
)\r\n index++;\r\n }\r\n return \r\n {tableElements}\r\n
\r\n }\r\n }}\r\n />\r\n \r\n
\r\n \r\n {children} }\r\n }\r\n }\r\n\r\n />\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ©2021 ugraphic.hu
\r\nugraphic.u@gmail.com
\r\n\r\n
\r\n );\r\n}\r\n\r\nexport default App;\r\n","import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit';\r\nimport { RootState, AppThunk } from '../../app/store';\r\n\r\nexport interface CounterState {\r\n value: number;\r\n status: 'idle' | 'loading' | 'failed';\r\n}\r\n\r\nconst initialState: CounterState = {\r\n value: 0,\r\n status: 'idle',\r\n};\r\n\r\n// The function below is called a thunk and allows us to perform async logic. It\r\n// can be dispatched like a regular action: `dispatch(incrementAsync(10))`. This\r\n// will call the thunk with the `dispatch` function as the first argument. Async\r\n// code can then be executed and other actions can be dispatched. Thunks are\r\n// typically used to make async requests.\r\nexport const incrementAsync = createAsyncThunk(\r\n 'counter/fetchCount',\r\n async (amount: number) => {\r\n const response = await fetchCount(amount);\r\n // The value we return becomes the `fulfilled` action payload\r\n return response.data;\r\n }\r\n);\r\n\r\nexport const counterSlice = createSlice({\r\n name: 'counter',\r\n initialState,\r\n // The `reducers` field lets us define reducers and generate associated actions\r\n reducers: {\r\n increment: (state) => {\r\n // Redux Toolkit allows us to write 'mutating' logic in reducers. It\r\n // doesn't actually mutate the state because it uses the Immer library,\r\n // which detects changes to a 'draft state' and produces a brand new\r\n // immutable state based off those changes\r\n state.value += 1;\r\n },\r\n decrement: (state) => {\r\n state.value -= 1;\r\n },\r\n // Use the PayloadAction type to declare the contents of `action.payload`\r\n incrementByAmount: (state, action: PayloadAction