refactor: cleanup the code

raexera · Sep 9, 2024 · 509e685 · 509e685
1 parent 74b6716
commit 509e685
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 24 deletions.
diff --git a/src/components/CollapseText.tsx → src/components/ExpandButton.tsx b/src/components/CollapseText.tsx → src/components/ExpandButton.tsx
@@ -1,10 +1,10 @@
 import React, { useState } from "react";
 
-interface CollapseTextProps {
+interface ExpandButtonProps {
   children: React.ReactNode;
 }
 
-export default function CollapseText({ children }: CollapseTextProps) {
+export default function ExpandButton({ children }: ExpandButtonProps) {
   const [expanded, setExpanded] = useState(false);
 
   return (

diff --git a/src/components/path.json b/src/components/path.json
diff --git a/src/components/sections/Experience.astro b/src/components/sections/Experience.astro
@@ -1,7 +1,7 @@
 ---
 import Section from "../Section.astro";
 import { work } from "@cv";
-import CollapseText from "../CollapseText";
+import ExpandButton from "../ExpandButton";
 ---
 
 <Section className={Astro.props.className} title="Experience">
@@ -85,7 +85,7 @@ import CollapseText from "../CollapseText";
                       </div>
                     )}
                     {(responsibilities || achievements) && (
-                      <CollapseText client:load>
+                      <ExpandButton client:load>
                         {responsibilities && (
                           <div class="flex flex-col gap-2">
                             <h4 class="font-medium text-neutral-300">
@@ -110,14 +110,14 @@ import CollapseText from "../CollapseText";
                             </ul>
                           </div>
                         )}
-                      </CollapseText>
+                      </ExpandButton>
                     )}
                   </div>
                 </div>
               </div>
             </li>
           );
-        },
+        }
       )
     }
   </ul>