Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 01:01:43 +10:00
Code Issues Packages Projects Releases Wiki Activity

more organization, added references and languages

Browse Source
This commit is contained in:
Amruth Pillai
2020-03-27 16:41:54 +05:30
parent e3b6cea833
commit 1de3aaa523
14 changed files with 659 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/components/LeftSidebar/tabs/Extras.js
View File

@ -5,6 +5,7 @@ import set from 'lodash/set';
import TextField from '../../../shared/TextField';
import AppContext from '../../../context/AppContext';
import Checkbox from '../../../shared/Checkbox';
import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
const ExtrasTab = ({ data, onChange }) => {
const context = useContext(AppContext);
@ -57,16 +58,10 @@ const AddItem = ({ dispatch }) => {
const onChange = (key, value) => setItem(items => set({ ...items }, key, value));
const addItem = () => {
const onSubmit = () => {
if (item.key === '' || item.value === '') return;
dispatch({
type: 'add_item',
payload: {
key: 'extras',
value: item,
},
});
addItem(dispatch, 'extras', item);
setItem({
id: uuidv4(),
@ -106,7 +101,7 @@ const AddItem = ({ dispatch }) => {
<button
type="button"
onClick={addItem}
onClick={onSubmit}
className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-5 rounded"
>
<div className="flex items-center">
@ -123,33 +118,6 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
const [isOpen, setOpen] = useState(false);
const identifier = `data.extras.items[${index}]`;
const deleteItem = () =>
dispatch({
type: 'delete_item',
payload: {
key: 'extras',
value: item,
},
});
const moveItemUp = () =>
dispatch({
type: 'move_item_up',
payload: {
key: 'extras',
value: item,
},
});
const moveItemDown = () =>
dispatch({
type: 'move_item_down',
payload: {
key: 'extras',
value: item,
},
});
return (
<div className="my-4 border border-gray-200 rounded p-5">
<div
@ -180,7 +148,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
<div className="mt-6 flex justify-between">
<button
type="button"
onClick={deleteItem}
onClick={() => deleteItem(dispatch, 'extras', item)}
className="bg-red-600 hover:bg-red-700 text-white text-sm font-medium py-2 px-5 rounded"
>
<div className="flex items-center">
@ -193,7 +161,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
{!first && (
<button
type="button"
onClick={moveItemUp}
onClick={() => moveItemUp(dispatch, 'extras', item)}
className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-4 rounded mr-2"
>
<div className="flex items-center">
@ -205,7 +173,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
{!last && (
<button
type="button"
onClick={moveItemDown}
onClick={() => moveItemDown(dispatch, 'extras', item)}
className="bg-gray-600 hover:bg-gray-700 text-white text-sm font-medium py-2 px-4 rounded"
>
<div className="flex items-center">