Merge pull request #13 from Proskynete/enhancement/current-year

Add new feature, allowed print current year

Author: Proskynete

build/index.js

@@ -59,4 +59,4 @@
     "eslint-plugin-react": "^7.12.4",
     "react-test-renderer": "^16.8.6"
   }
-}
+}

package.json

@@ -9,7 +9,8 @@ const YearComponent = styled.div`
 	padding-right: 15px;
 	padding-bottom: 10px;
 	position: relative;
-	width: 40px;
+	text-align: right;
+	width: 50px;
 
 	&::after {
 		background: #ccc;
@@ -27,36 +28,37 @@ const YearComponentItem = styled.div`
 	margin-bottom: 8px;
 `;
 
-const ContentYear = (props) => {
-  const { startYear, current } = props;
-
-  return (
-    <YearComponent className="year-component">
-      {current ? (
-        <>
-          <YearComponentItem className="item-year-component">
-            {new Date().getFullYear()}
-          </YearComponentItem>
-          <YearComponentItem className="item-year-component">
-            {startYear}
-          </YearComponentItem>
-        </>
-      ) : (
-        <YearComponentItem className="item-year-component">
-          {startYear}
-        </YearComponentItem>
-      )}
-    </YearComponent>
-  );
+const ContentYear = props => {
+	const { startYear, currentYear } = props;
+	const _date = new Date();
+
+	return (
+		<YearComponent className="year-component">
+			{currentYear ? (
+				<>
+					<YearComponentItem className="item-year-component">
+						{_date.getFullYear()}
+					</YearComponentItem>
+					<YearComponentItem className="item-year-component">
+						{startYear}
+					</YearComponentItem>
+				</>
+			) : (
+				<YearComponentItem className="item-year-component">
+					{startYear}
+				</YearComponentItem>
+			)}
+		</YearComponent>
+	);
 };
 
 ContentYear.defaultProps = {
-  current: false,
+	currentYear: false
 };
 
 ContentYear.propTypes = {
-  startYear: PropTypes.number.isRequired,
-  current: PropTypes.bool,
+	startYear: PropTypes.number.isRequired,
+	currentYear: PropTypes.bool
 };
 
 export default ContentYear;