enable click

Signed-off-by: walnuts1018 <walnuts1018@hatena.com>

Author: walnuts1018

src/components/ContentHeader.tsx

@@ -1,20 +1,14 @@
 import SwapText from "./SwapText";
 
-export const ContentHeader = ({
-  initialText,
-  finalText,
-}: {
-  finalText: string;
-  initialText: string;
-}) => {
+export const ContentHeader = ({ initialText, finalText }: { finalText: string; initialText: string }) => {
   return (
     <SwapText
       textClassName="cursor-default text-4xl text-center lg:text-left"
       initialText={initialText}
       initialTextClassName="font-Nunito"
       finalText={finalText}
       finalTextClassName="font-ZenMaruGothic font-semibold"
-      disableClick={true}
+      disableClick={false}
     />
   );
 };

src/components/Profile.tsx

@@ -23,59 +23,30 @@ export function Profile() {
             initialTextClassName=""
             finalText="Ryota Tawara"
             finalTextClassName=""
-            disableClick={true}
+            disableClick={false}
           />
         </div>
         <div className="space-y-1 sm:space-y-2">
-          <ProfileItem
-            src="/icons/twitter-x-line.svg"
-            alt="X(Twitter)"
-            link="https://twitter.com/walnuts1018"
-          >
+          <ProfileItem src="/icons/twitter-x-line.svg" alt="X(Twitter)" link="https://twitter.com/walnuts1018">
             @walnuts1018
           </ProfileItem>
-          <ProfileItem
-            src="/icons/github-fill.svg"
-            alt="GitHub"
-            link="https://github.com/walnuts1018"
-          >
+          <ProfileItem src="/icons/github-fill.svg" alt="GitHub" link="https://github.com/walnuts1018">
             walnuts1018
           </ProfileItem>
-          <ProfileItem
-            src="/icons/instagram-line.svg"
-            alt="Instagram"
-            link="https://www.instagram.com/walnuts_1018/"
-          >
+          <ProfileItem src="/icons/instagram-line.svg" alt="Instagram" link="https://www.instagram.com/walnuts_1018/">
             @walnuts_1018
           </ProfileItem>
-          <ProfileItem
-            src="/icons/mail_FILL0_wght400_GRAD0_opsz24.svg"
-            alt="Mail"
-            link="mailto:r.juglans.1018@gmail.com"
-            fontSize="text-2xl"
-          >
+          <ProfileItem src="/icons/mail_FILL0_wght400_GRAD0_opsz24.svg" alt="Mail" link="mailto:r.juglans.1018@gmail.com" fontSize="text-2xl">
             r.juglans.1018@gmail.com
           </ProfileItem>
           <School />
-          <ProfileItem
-            src="/icons/favorite_FILL0_wght400_GRAD0_opsz24.svg"
-            alt="Favorite Tech"
-            fontSize="text-2xl"
-          >
+          <ProfileItem src="/icons/favorite_FILL0_wght400_GRAD0_opsz24.svg" alt="Favorite Tech" fontSize="text-2xl">
             Kubernetes / Golang / OpenTelemetry / React
           </ProfileItem>
-          <ProfileItem
-            src="/icons/map_FILL0_wght400_GRAD0_opsz24.svg"
-            alt="Map Icon"
-            link="https://maps.app.goo.gl/2nuqetk7S8FcNayWA"
-          >
+          <ProfileItem src="/icons/map_FILL0_wght400_GRAD0_opsz24.svg" alt="Map Icon" link="https://maps.app.goo.gl/2nuqetk7S8FcNayWA">
             <Image src="/icons/yummy.png" alt="yummy" width={30} height={30} />
           </ProfileItem>
-          <ProfileItem
-            src="/icons/shopping_cart_FILL0_wght400_GRAD0_opsz24.svg"
-            alt="shopping cart icon"
-            link="https://www.amazon.jp/hz/wishlist/ls/1L1NGV8XKP7X6?ref_=wl_share"
-          >
+          <ProfileItem src="/icons/shopping_cart_FILL0_wght400_GRAD0_opsz24.svg" alt="shopping cart icon" link="https://www.amazon.jp/hz/wishlist/ls/1L1NGV8XKP7X6?ref_=wl_share">
             Want-to-Buy
           </ProfileItem>
         </div>
@@ -84,39 +55,17 @@ export function Profile() {
   );
 }
 
-function ProfileItem({
-  src,
-  alt,
-  children,
-  link,
-  fontSize = "text-2xl sm:text-3xl",
-}: {
-  alt: string;
-  children: React.ReactNode;
-  fontSize?: string;
-  link?: string;
-  src: string;
-}) {
+function ProfileItem({ src, alt, children, link, fontSize = "text-2xl sm:text-3xl" }: { alt: string; children: React.ReactNode; fontSize?: string; link?: string; src: string }) {
   const content = (
     <>
-      <Image
-        src={src}
-        alt={alt}
-        width={40}
-        height={40}
-        className="min-w-[36px] max-w-[36px] sm:min-w-[40px] sm:max-w-[40px] object-contain"
-      />
+      <Image src={src} alt={alt} width={40} height={40} className="min-w-[36px] max-w-[36px] sm:min-w-[40px] sm:max-w-[40px] object-contain" />
       <p className="leading-7">{children}</p>
     </>
   );
   return (
     <>
       {link === undefined ? (
-        <div
-          className={`flex space-x-3 text-[#7f7f7f] font-bold items-center ${fontSize} w-full sm:outline-hidden flex rounded-full px-4 py-1 profile-list`}
-        >
-          {content}
-        </div>
+        <div className={`flex space-x-3 text-[#7f7f7f] font-bold items-center ${fontSize} w-full sm:outline-hidden flex rounded-full px-4 py-1 profile-list`}>{content}</div>
       ) : (
         <Link
           target="_blank"
@@ -140,11 +89,7 @@ function School() {
   const b = now >= new Date("2025-04-01") ? "B4" : "B3";
 
   return (
-    <ProfileItem
-      src="/icons/school_FILL0_wght400_GRAD0_opsz24.svg"
-      alt="School"
-      link="https://www.s-ee.t.kyoto-u.ac.jp/ja"
-    >
+    <ProfileItem src="/icons/school_FILL0_wght400_GRAD0_opsz24.svg" alt="School" link="https://www.s-ee.t.kyoto-u.ac.jp/ja">
       Kyoto Univ. / {b}
     </ProfileItem>
   );