From 428752542d1d8def898ff383bbdff6bb2915d321 Mon Sep 17 00:00:00 2001
From: Panayiotis Lipiridis <lipiridis@gmail.com>
Date: Mon, 28 Dec 2020 01:26:38 +0200
Subject: [PATCH] function

---
 src/components/ButtonIconCycle.tsx | 4 ++--
 src/excalidraw-app/index.tsx       | 4 ++--
 src/renderer/renderElement.ts      | 6 +++---
 src/tests/resize.test.tsx          | 6 +++---
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/components/ButtonIconCycle.tsx b/src/components/ButtonIconCycle.tsx
index 1159a1f42..ff1a1a047 100644
--- a/src/components/ButtonIconCycle.tsx
+++ b/src/components/ButtonIconCycle.tsx
@@ -14,11 +14,11 @@ export const ButtonIconCycle = <T extends any>({
 }) => {
   const current = options.find((op) => op.value === value);
 
-  function cycle() {
+  const cycle = () => {
     const index = options.indexOf(current!);
     const next = (index + 1) % options.length;
     onChange(options[next].value);
-  }
+  };
 
   return (
     <label key={group} className={clsx({ active: current!.value !== null })}>
diff --git a/src/excalidraw-app/index.tsx b/src/excalidraw-app/index.tsx
index c8b151f47..24fb3c1c5 100644
--- a/src/excalidraw-app/index.tsx
+++ b/src/excalidraw-app/index.tsx
@@ -176,7 +176,7 @@ const initializeScene = async (opts: {
   return null;
 };
 
-function ExcalidrawWrapper(props: { collab: CollabAPI }) {
+const ExcalidrawWrapper = (props: { collab: CollabAPI }) => {
   // dimensions
   // ---------------------------------------------------------------------------
 
@@ -319,7 +319,7 @@ function ExcalidrawWrapper(props: { collab: CollabAPI }) {
       )}
     </>
   );
-}
+};
 
 export default function ExcalidrawApp() {
   return (
diff --git a/src/renderer/renderElement.ts b/src/renderer/renderElement.ts
index 89048ba19..9485a033f 100644
--- a/src/renderer/renderElement.ts
+++ b/src/renderer/renderElement.ts
@@ -349,12 +349,12 @@ const generateElementShape = (
         if (element.type === "arrow") {
           const { startArrowhead = null, endArrowhead = "arrow" } = element;
 
-          function getArrowheadShapes(
+          const getArrowheadShapes = (
             element: ExcalidrawLinearElement,
             shape: Drawable[],
             position: "start" | "end",
             arrowhead: Arrowhead,
-          ) {
+          ) => {
             const arrowheadPoints = getArrowheadPoints(
               element,
               shape,
@@ -392,7 +392,7 @@ const generateElementShape = (
               generator.line(x3, y3, x2, y2, options),
               generator.line(x4, y4, x2, y2, options),
             ];
-          }
+          };
 
           if (startArrowhead !== null) {
             const shapes = getArrowheadShapes(
diff --git a/src/tests/resize.test.tsx b/src/tests/resize.test.tsx
index 8d207c08e..750af7ae8 100644
--- a/src/tests/resize.test.tsx
+++ b/src/tests/resize.test.tsx
@@ -122,12 +122,12 @@ describe("resize rectangle ellipses and diamond elements", () => {
   );
 });
 
-function resize(
+const resize = (
   element: ExcalidrawElement,
   handleDir: TransformHandleDirection,
   mouseMove: [number, number],
   keyboardModifiers: KeyboardModifiers = {},
-) {
+) => {
   mouse.select(element);
   const handle = getTransformHandles(element, h.state.zoom, "mouse")[
     handleDir
@@ -140,4 +140,4 @@ function resize(
     mouse.move(mouseMove[0], mouseMove[1]);
     mouse.up();
   });
-}
+};