mirror of
https://github.com/seigler/triplebyte-react-spa
synced 2025-07-26 23:26:10 +00:00
feat: sync redux to localstorage
This commit is contained in:
parent
9242ce66ec
commit
ff4a941dd8
10 changed files with 230 additions and 149 deletions
|
@ -1,7 +1,26 @@
|
|||
import React from 'react'
|
||||
import React from 'react';
|
||||
import CardMover from 'components/cardMover';
|
||||
|
||||
export default ({ children }) => {
|
||||
return <div className='card'>
|
||||
I am a card
|
||||
</div>
|
||||
export default ({ text = 'No text', moveLeft, moveRight }) => {
|
||||
return <>
|
||||
<div className='card'>
|
||||
{ moveLeft && <CardMover direction='left' action={moveLeft} /> }
|
||||
<div className='text'>
|
||||
{ text }
|
||||
</div>
|
||||
{ moveRight && <CardMover direction='right' action={moveRight} /> }
|
||||
</div>
|
||||
<style jsx>{`
|
||||
.card {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
margin-bottom: 6px;
|
||||
background-color: white;
|
||||
}
|
||||
.text {
|
||||
flex-grow: 1;
|
||||
padding: 14px 12px;
|
||||
}
|
||||
`}</style>
|
||||
</>;
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue