Merge pull request #28 from basvandriel/feature/hero-redesign

Refactor components and improve animations

Author: basvandriel

src/CV/CVBadge.tsx

@@ -1,11 +1,12 @@
-import {
-  View,
-  Text,
-} from "@react-pdf/renderer";
+import { View, Text } from "@react-pdf/renderer";
 import { TAILWIND_XS_FONTSIZE_IN_PT } from "./constants";
 import tw from "./tailwind";
 
-const CVBadge = ({ children }: any) => {
+interface CVBadgeProps {
+  children: React.ReactNode;
+}
+
+const CVBadge = ({ children }: CVBadgeProps) => {
   return (
     <View
       style={[
@@ -25,7 +26,7 @@ const CVBadge = ({ children }: any) => {
           {
             fontSize: TAILWIND_XS_FONTSIZE_IN_PT,
             fontFamily: "Garamond",
-          }
+          },
         ]}
       >
         {children}
@@ -34,4 +35,4 @@ const CVBadge = ({ children }: any) => {
   );
 };
 
-export default CVBadge;
+export default CVBadge;

src/CV/SkillsSection.tsx

@@ -3,7 +3,11 @@ import tw from "./tailwind";
 import { HEADER_FONT_SIZE, TAILWIND_SM_FONTSIZE_IN_PT } from "./constants";
 import { useTranslation } from "react-i18next";
 
-const ListItem = ({ children }: any) => {
+interface ListItemProps {
+  children: React.ReactNode;
+}
+
+const ListItem = ({ children }: ListItemProps) => {
   return (
     <View
       style={{

src/OpenToWorkBox.tsx

@@ -2,11 +2,11 @@ import { XMarkIcon } from "@heroicons/react/24/outline";
 import { useTranslation } from "react-i18next";
 
 type OpenToWorBoxAttrs = {
-  onClose: any;
+  onClose: () => void;
 };
 
 const OpenToWorBox = ({ onClose }: OpenToWorBoxAttrs) => {
-  const { t } = useTranslation()
+  const { t } = useTranslation();
 
   return (
     <div className="relative text-white py-2 w-full bg-blue-700">
@@ -22,7 +22,7 @@ const OpenToWorBox = ({ onClose }: OpenToWorBoxAttrs) => {
             >
               <circle cx="1" cy="1" r="1" />
             </svg>
-            {t('opentowork_banner')}
+            {t("opentowork_banner")}
           </div>
 
           <button onClick={onClose}>
@@ -34,4 +34,4 @@ const OpenToWorBox = ({ onClose }: OpenToWorBoxAttrs) => {
   );
 };
 
-export default OpenToWorBox
+export default OpenToWorBox;