Set Trailing Cmma to (#525)

src/components/ButtonSelect.tsx

@@ -3,7 +3,7 @@ import React from "react";
 export function ButtonSelect<T>({
   options,
   value,
-  onChange
+  onChange,
 }: {
   options: { value: T; text: string }[];
   value: T | null;

src/components/ColorPicker.tsx

@@ -9,7 +9,7 @@ import "./ColorPicker.css";
 const Picker = function({
   colors,
   color,
-  onChange
+  onChange,
 }: {
   colors: string[];
   color: string | null;
@@ -53,7 +53,7 @@ const Picker = function({
 
 function ColorInput({
   color,
-  onChange
+  onChange,
 }: {
   color: string | null;
   onChange: (color: string) => void;
@@ -90,7 +90,7 @@ function ColorInput({
 export function ColorPicker({
   type,
   color,
-  onChange
+  onChange,
 }: {
   type: "canvasBackground" | "elementBackground" | "elementStroke";
   color: string | null;
@@ -149,7 +149,7 @@ const colors = {
     "#ebfbee",
     "#f4fce3",
     "#fff9db",
-    "#fff4e6"
+    "#fff4e6",
   ],
   // Shade 6
   elementBackground: [
@@ -167,7 +167,7 @@ const colors = {
     "#40c057",
     "#82c91e",
     "#fab005",
-    "#fd7e14"
+    "#fd7e14",
   ],
   // Shade 9
   elementStroke: [
@@ -185,6 +185,6 @@ const colors = {
     "#2b8a3e",
     "#5c940d",
     "#e67700",
-    "#d9480f"
-  ]
+    "#d9480f",
+  ],
 };

src/components/ContextMenu.tsx

@@ -83,8 +83,8 @@ export default {
           options={options}
           onCloseRequest={handleClose}
         />,
-        getContextMenuNode()
+        getContextMenuNode(),
       );
     }
-  }
+  },
 };

src/components/ExportDialog.tsx

@@ -25,7 +25,7 @@ const defaultScale = scales.includes(devicePixelRatio) ? devicePixelRatio : 1;
 
 type ExportCB = (
   elements: readonly ExcalidrawElement[],
-  scale?: number
+  scale?: number,
 ) => void;
 
 export function ExportDialog({
@@ -36,7 +36,7 @@ export function ExportDialog({
   syncActionResult,
   onExportToPng,
   onExportToClipboard,
-  onExportToBackend
+  onExportToBackend,
 }: {
   appState: AppState;
   elements: readonly ExcalidrawElement[];
@@ -69,7 +69,7 @@ export function ExportDialog({
       exportBackground,
       viewBackgroundColor,
       exportPadding,
-      scale
+      scale,
     });
     previewNode?.appendChild(canvas);
     return () => {
@@ -81,7 +81,7 @@ export function ExportDialog({
     exportBackground,
     exportPadding,
     viewBackgroundColor,
-    scale
+    scale,
   ]);
 
   function handleClose() {
@@ -141,7 +141,7 @@ export function ExportDialog({
                   elements,
                   appState,
                   syncActionResult,
-                  t
+                  t,
                 )}
                 <Stack.Col gap={1}>
                   <div className="ExportDialog__scales">
@@ -165,7 +165,7 @@ export function ExportDialog({
                     elements,
                     appState,
                     syncActionResult,
-                    t
+                    t,
                   )}
                   {someElementIsSelected && (
                     <div>

src/components/FixedSideContainer.tsx

@@ -9,7 +9,7 @@ type FixedSideContainerProps = {
 
 export function FixedSideContainer({
   children,
-  side
+  side,
 }: FixedSideContainerProps) {
   return (
     <div className={"FixedSideContainer FixedSideContainer_side_" + side}>

src/components/LanguageList.tsx

@@ -3,7 +3,7 @@ import React from "react";
 export function LanguageList<T>({
   onClick,
   languages,
-  currentLanguage
+  currentLanguage,
 }: {
   languages: { lng: string; label: string }[];
   onClick: (value: string) => void;

src/components/LockIcon.tsx

@@ -35,7 +35,7 @@ const ICONS = {
     >
       <path d="M1728 576v256q0 26-19 45t-45 19h-64q-26 0-45-19t-19-45v-256q0-106-75-181t-181-75-181 75-75 181v192h96q40 0 68 28t28 68v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h672v-192q0-185 131.5-316.5t316.5-131.5 316.5 131.5 131.5 316.5z" />
     </svg>
-  )
+  ),
 };
 
 export function LockIcon(props: LockIconProps) {

src/components/Modal.tsx

@@ -16,7 +16,7 @@ export function Modal(props: {
         {props.children}
       </div>
     </div>,
-    modalRoot
+    modalRoot,
   );
 }
 

src/components/Popover.tsx

@@ -14,7 +14,7 @@ export function Popover({
   left,
   top,
   onCloseRequest,
-  fitInViewport = false
+  fitInViewport = false,
 }: Props) {
   const popoverRef = useRef<HTMLDivElement>(null);
 

src/components/Stack.tsx

@@ -17,7 +17,7 @@ function RowStack({ children, gap, align, justifyContent }: StackProps) {
         {
           "--gap": gap,
           alignItems: align,
-          justifyContent
+          justifyContent,
         } as React.CSSProperties
       }
     >
@@ -34,7 +34,7 @@ function ColStack({ children, gap, align, justifyContent }: StackProps) {
         {
           "--gap": gap,
           justifyItems: align,
-          justifyContent
+          justifyContent,
         } as React.CSSProperties
       }
     >
@@ -45,5 +45,5 @@ function ColStack({ children, gap, align, justifyContent }: StackProps) {
 
 export default {
   Row: RowStack,
-  Col: ColStack
+  Col: ColStack,
 };