Docs: Rename of files

src/components/Buttons/IconButton/myIconButton.stories.tsx

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/react";
 import { fn } from "@storybook/test";
-import IconButton from "./iconbutton";
+import IconButton from "./myIconButton";
 import Share from "@mui/icons-material/Share";
 import { Icon } from "@mui/material";
 import CloudDownload from "@mui/icons-material/CloudDownload";

src/components/Buttons/IconButton/myIconButton.tsx

@@ -32,7 +32,7 @@ interface IconButtonProps
 /**
  * IconButton component props
  */
-export default function MyIconButton(props: Readonly<IconButtonProps>) {
+export default function myIconButton(props: Readonly<IconButtonProps>) {
   const {
     gap,
     size,
@@ -72,6 +72,7 @@ export default function MyIconButton(props: Readonly<IconButtonProps>) {
       aria-label={props.ariaLabel}
       style={{ textAlign: textAlign }}
       data-cy={props.datacy}
+      children={props.children}
       sx={{
         display: "flex",
         outline: "none",
@@ -92,8 +93,6 @@ export default function MyIconButton(props: Readonly<IconButtonProps>) {
           cursor: "pointer",
         },
       }}
-    >
-      {children}
-    </IconButton>
+    ></IconButton>
   );
 }

src/components/Menu/MuiMenu/mydropdown.stories.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import type { Meta, StoryObj } from "@storybook/react";
-import MyDropdown from "./mydropdown";
+import MyDropdown from "./myDropdown";
 import { colors } from "../../../theme";
 import IconButton from "@mui/material/IconButton";
 import MenuRounded from "@mui/icons-material/MenuRounded";

src/components/Menu/MuiMenu/mydropdown.tsx

@@ -118,7 +118,7 @@ interface DropdownProps extends MuiMenuProps {
   };
 }
 
-export default function myDropdown(props: Readonly<DropdownProps>) {
+export default function MyDropdown(props: Readonly<DropdownProps>) {
   const {
     id,
     anchorElement,

src/components/Tables/MuiTables/index.ts

@@ -1 +1 @@
-export { default as MyTable } from "./tables";
+export { default as MyTable } from "./myTable";

src/components/Tables/MuiTables/myTable.tsx

@@ -76,7 +76,7 @@ interface TableProps
 }
 
 // Table component
-export default function myTable({
+export default function MyTable({
   data,
   headers,
   rowHeight = 50,

src/components/Tables/TabulatorTables/index.ts

@@ -1 +1 @@
-export { default as TabulatorTable } from "./tabulatorTables";
+export { default as TabulatorTable } from "./myTabulatorTable";

src/components/menu/MuiMenu/index.ts

@@ -1 +1 @@
-export { default as MyDropdown } from "./mydropdown";
+export { default as MyDropdown } from "./myDropdown";