diff --git a/src/components/RightSidebar/RightSidebar.js b/src/components/RightSidebar/RightSidebar.js index a5278c89..592c8428 100644 --- a/src/components/RightSidebar/RightSidebar.js +++ b/src/components/RightSidebar/RightSidebar.js @@ -6,15 +6,16 @@ import TemplatesTab from './tabs/Templates'; import ColorsTab from './tabs/Colors'; import FontsTab from './tabs/Fonts'; import ActionsTab from './tabs/Actions'; +import AboutTab from './tabs/About'; -const tabs = ['Templates', 'Colors', 'Fonts', 'Actions']; +const tabs = ['Templates', 'Colors', 'Fonts', 'Actions', 'About']; const RightSidebar = () => { const context = useContext(AppContext); const { state, dispatch } = context; const { data, theme } = state; - const [currentTab, setCurrentTab] = useState('Templates'); + const [currentTab, setCurrentTab] = useState('About'); const onChange = (key, value) => { dispatch({ type: 'on_input', @@ -37,6 +38,8 @@ const RightSidebar = () => { return ; case 'Actions': return ; + case 'About': + return ; default: return null; } diff --git a/src/components/RightSidebar/tabs/About.js b/src/components/RightSidebar/tabs/About.js new file mode 100644 index 00000000..a1648a1e --- /dev/null +++ b/src/components/RightSidebar/tabs/About.js @@ -0,0 +1,110 @@ +import React from 'react'; + +const AboutTab = () => { + return ( +
+
+
Bug? Feature Request?
+ +
+ Something halting your progress from making a resume? Found a pesky bug that just + won't quit? Talk about it on the GitHub Issues section, or send me and email using + the actions below. +
+ + +
+ +
+ +
+
Source Code
+ +
+ Want to run the project from it's source? Are you a developer willing to contribute + to the open source development of this project? Click the button below. +
+ + +
+ code + GitHub Repo +
+
+
+ +
+ +
+
License Information
+ +
+ The project is governed under the MIT License, which you can read more about below. + Basically, you are allowed to use the project anywhere provided you give credits to the + original author. +
+ + +
+ policy + MIT License +
+
+
+ +
+

+ Reactive Resume is a project by{' '} + + Amruth Pillai + {' '} + in hopes of allowing anyone to make beautiful resumes and get equal job opportunities. +
+
+ Thank you for using Reactive Resume! +

+
+
+ ); +}; + +export default AboutTab; diff --git a/src/components/RightSidebar/tabs/Actions.js b/src/components/RightSidebar/tabs/Actions.js index 16de5c09..f5175b9c 100644 --- a/src/components/RightSidebar/tabs/Actions.js +++ b/src/components/RightSidebar/tabs/Actions.js @@ -146,24 +146,6 @@ const ActionsTab = ({ data, theme, dispatch }) => { - -
- -

- Reactive Resume is a project by{' '} - - Amruth Pillai - {' '} - in hopes of allowing anyone to make beautiful resumes and get equal job opportunities. -
-
- Thank you for using Reactive Resume! -

); };