format

apps/webapp/src/components/CopyToClipboardIcon.tsx

@@ -3,25 +3,25 @@ import { useState } from "react";
 
 export type Props = {
   text: string;
-    title: string;
-    className?: string;
+  title: string;
+  className?: string;
 };
 
 export default function CopyToClipboardIcon({ text, title, className }: Props) {
-    const [clicked, setClicked] = useState(false);
+  const [clicked, setClicked] = useState(false);
   const handleClick = async (e: React.MouseEvent) => {
     e.stopPropagation();
-      await navigator.clipboard.writeText(text);
-      setClicked(true);
-      setTimeout(() => setClicked(false), 1500);
+    await navigator.clipboard.writeText(text);
+    setClicked(true);
+    setTimeout(() => setClicked(false), 1500);
   };
   return (
-            <IconWithTooltip
-              title={clicked ? "Copied!" : title}
-              icon={clicked ? "tick" : "clipboard"}
-          className={className}
-          size={14}
-              onClick={(e) => handleClick(e)}
-            />
+    <IconWithTooltip
+      title={clicked ? "Copied!" : title}
+      icon={clicked ? "tick" : "clipboard"}
+      className={className}
+      size={14}
+      onClick={(e) => handleClick(e)}
+    />
   );
 }

apps/webapp/src/components/IconWithTooltip.tsx

@@ -21,7 +21,13 @@ export default function IconWithTooltip({
 }: Props) {
   return (
     <Tooltip content={title} openOnTargetFocus={false} usePortal={false}>
-      <Icon icon={icon} color={color} size={size} className={className} onClick={onClick} />
+      <Icon
+        icon={icon}
+        color={color}
+        size={size}
+        className={className}
+        onClick={onClick}
+      />
     </Tooltip>
   );
 }

apps/webapp/src/components/PullRow.tsx

@@ -135,7 +135,11 @@ export default function PullRow({ pull, onStar }: Props) {
         <div className={styles.title}>
           <span>{pull.title}</span>
           {active && (
-            <CopyToClipboardIcon title="Copy URL to clipboard" text={pull.url} className={styles.copy}/>
+            <CopyToClipboardIcon
+              title="Copy URL to clipboard"
+              text={pull.url}
+              className={styles.copy}
+            />
           )}
         </div>
         <div className={styles.source}>

apps/webapp/src/components/PullTable.tsx

@@ -32,7 +32,13 @@ export default function PullTable({ pulls, onStar }: Props) {
         </tr>
       </thead>
       <tbody>
-        {pulls.map((pull, idx) => <PullRow key={idx} pull={pull} onStar={() => onStar && onStar(pull)} />)}
+        {pulls.map((pull, idx) => (
+          <PullRow
+            key={idx}
+            pull={pull}
+            onStar={() => onStar && onStar(pull)}
+          />
+        ))}
       </tbody>
     </HTMLTable>
   );