Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-15 09:11:57 +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/Work.js
View File

@ -6,6 +6,7 @@ import TextField from '../../../shared/TextField';
import TextArea from '../../../shared/TextArea';
import AppContext from '../../../context/AppContext';
import Checkbox from '../../../shared/Checkbox';
import { addItem, deleteItem, moveItemUp, moveItemDown } from '../../../utils';
const WorkTab = ({ data, onChange }) => {
const context = useContext(AppContext);
@ -58,16 +59,10 @@ const AddItem = ({ dispatch }) => {
const onChange = (key, value) => setItem(set({ ...item }, key, value));
const addItem = () => {
const onSubmit = () => {
if (item.title === '' || item.role === '') return;
dispatch({
type: 'add_item',
payload: {
key: 'work',
value: item,
},
});
addItem(dispatch, 'work', item);
setItem({
id: uuidv4(),
@ -137,7 +132,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">
@ -154,33 +149,6 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
const [isOpen, setOpen] = useState(false);
const identifier = `data.work.items[${index}]`;
const deleteItem = () =>
dispatch({
type: 'delete_item',
payload: {
key: 'work',
value: item,
},
});
const moveItemUp = () =>
dispatch({
type: 'move_item_up',
payload: {
key: 'work',
value: item,
},
});
const moveItemDown = () =>
dispatch({
type: 'move_item_down',
payload: {
key: 'work',
value: item,
},
});
return (
<div className="my-4 border border-gray-200 rounded p-5">
<div
@ -238,7 +206,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
<div className="flex justify-between">
<button
type="button"
onClick={deleteItem}
onClick={() => deleteItem(dispatch, 'work', 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">
@ -251,7 +219,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
{!first && (
<button
type="button"
onClick={moveItemUp}
onClick={() => moveItemUp(dispatch, 'work', 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">
@ -263,7 +231,7 @@ const Item = ({ item, index, onChange, dispatch, first, last }) => {
{!last && (
<button
type="button"
onClick={moveItemDown}
onClick={() => moveItemDown(dispatch, 'work', 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">