[resumes][fix] fix expandable text

apps/portal/src/components/resumes/shared/ResumeExpandableText.tsx

@@ -10,7 +10,7 @@ export default function ResumeExpandableText({
   children,
 }: ResumeExpandableTextProps) {
   const ref = useRef<HTMLSpanElement>(null);
-  const [descriptionExpanded, setDescriptionExpanded] = useState(false);
+  const [isExpanded, setIsExpanded] = useState(false);
   const [descriptionOverflow, setDescriptionOverflow] = useState(false);
 
   useLayoutEffect(() => {
@@ -20,29 +20,27 @@ export default function ResumeExpandableText({
   }, [ref]);
 
   const onSeeActionClicked = () => {
-    setDescriptionExpanded(!descriptionExpanded);
+    setIsExpanded((prevExpanded) => !prevExpanded);
   };
 
   return (
-    <>
+    <div>
       <span
         ref={ref}
         className={clsx(
           'whitespace-pre-wrap text-sm',
           'line-clamp-3',
-          descriptionExpanded ? 'line-clamp-none' : '',
+          isExpanded ? 'line-clamp-none' : '',
         )}>
         {children}
       </span>
       {descriptionOverflow && (
-        <div className="flex flex-row">
+        <p
-          <div
+          className="mt-1 cursor-pointer text-xs text-indigo-500 hover:text-indigo-300"
-            className="text-xs text-indigo-500 hover:text-indigo-300"
+          onClick={onSeeActionClicked}>
-            onClick={onSeeActionClicked}>
+          {isExpanded ? 'See Less' : 'See More'}
-            {descriptionExpanded ? 'See Less' : 'See More'}
+        </p>
-          </div>
-        </div>
       )}
-    </>
+    </div>
   );
 }

apps/portal/src/pages/resumes/submit.tsx

@@ -281,8 +281,8 @@ export default function SubmitResumeForm() {
                       ) : (
                         <div className="flex gap-2">
                           <p
-                            className="cursor-pointer  underline underline-offset-1 hover:text-indigo-600"
+                            className="cursor-pointer underline underline-offset-1 hover:text-indigo-600"
-                            onClick={(event) => onClickDownload(event)}>
+                            onClick={onClickDownload}>
                             {resumeFile.name}
                           </p>
                         </div>
@@ -293,7 +293,7 @@ export default function SubmitResumeForm() {
                         className="rounded-md focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2"
                         htmlFor="file-upload">
                         <div className="flex gap-1 ">
-                          <p className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-500">
+                          <p className="cursor-pointer font-medium text-indigo-600 hover:text-indigo-400">
                             {resumeFile == null
                               ? 'Upload a file'
                               : 'Replace file'}