revamp template

src/partials/dropdowns/general/DropdownCrud2.tsx

@@ -0,0 +1,96 @@
+import {
+  KeenIcon,
+  MenuArrow,
+  MenuIcon,
+  MenuItem,
+  MenuLink,
+  MenuSub,
+  MenuTitle
+} from '@/components';
+import { useLanguage } from '@/i18n';
+
+const DropdownCrud2 = () => {
+  const { isRTL } = useLanguage();
+
+  return (
+    <MenuSub className="menu-default" rootClassName="w-full max-w-[175px]">
+      <MenuItem path="#">
+        <MenuLink>
+          <MenuIcon>
+            <KeenIcon icon="document" />
+          </MenuIcon>
+          <MenuTitle>View</MenuTitle>
+        </MenuLink>
+      </MenuItem>
+      <MenuItem
+        toggle="dropdown"
+        trigger="hover"
+        dropdownProps={{
+          placement: isRTL() ? 'left-start' : 'right-start',
+          modifiers: [
+            {
+              name: 'offset',
+              options: {
+                offset: isRTL() ? [15, 0] : [-15, 0] // [skid, distance]
+              }
+            }
+          ]
+        }}
+      >
+        <MenuLink>
+          <MenuIcon>
+            <KeenIcon icon="notification-status" />
+          </MenuIcon>
+          <MenuTitle>Export</MenuTitle>
+          <MenuArrow>
+            <KeenIcon icon="right" className="text-3xs rtl:transform rtl:rotate-180" />
+          </MenuArrow>
+        </MenuLink>
+        <MenuSub className="menu-default" rootClassName="w-full max-w-[175px]">
+          <MenuItem path="/account/home/settings-sidebar">
+            <MenuLink>
+              <MenuIcon>
+                <KeenIcon icon="sms" />
+              </MenuIcon>
+              <MenuTitle>Email</MenuTitle>
+            </MenuLink>
+          </MenuItem>
+          <MenuItem path="/account/home/settings-sidebar">
+            <MenuLink>
+              <MenuIcon>
+                <KeenIcon icon="message-notify" />
+              </MenuIcon>
+              <MenuTitle>SMS</MenuTitle>
+            </MenuLink>
+          </MenuItem>
+          <MenuItem path="/account/home/settings-sidebar">
+            <MenuLink>
+              <MenuIcon>
+                <KeenIcon icon="notification-status" />
+              </MenuIcon>
+              <MenuTitle>Push</MenuTitle>
+            </MenuLink>
+          </MenuItem>
+        </MenuSub>
+      </MenuItem>
+      <MenuItem path="#">
+        <MenuLink>
+          <MenuIcon>
+            <KeenIcon icon="pencil" />
+          </MenuIcon>
+          <MenuTitle>Edit</MenuTitle>
+        </MenuLink>
+      </MenuItem>
+      <MenuItem path="#">
+        <MenuLink>
+          <MenuIcon>
+            <KeenIcon icon="trash" />
+          </MenuIcon>
+          <MenuTitle>Delete</MenuTitle>
+        </MenuLink>
+      </MenuItem>
+    </MenuSub>
+  );
+};
+
+export { DropdownCrud2 };