awatertrevi/infisical
1
0
Fork 0
mirror of https://github.com/awatertrevi/infisical.git synced 2026-10-16 02:16:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add eslint rule and fix as many issues as possible

Browse Source
This commit is contained in:
Khoa Le
2023-06-19 23:42:04 -04:00
parent e9eacc445d
commit 9d33e4756b
689 changed files with 9446 additions and 21821 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/v2/Menu/Menu.stories.tsx
+4 -4
View File
@@ -1,12 +1,12 @@
// eslint-disable-next-line import/no-extraneous-dependencies
import { Meta, StoryObj } from '@storybook/react';
import { Meta, StoryObj } from "@storybook/react";
import { Menu, MenuGroup, MenuItem } from './Menu';
import { Menu, MenuGroup, MenuItem } from "./Menu";
const meta: Meta<typeof Menu> = {
title: 'Components/Menu',
title: "Components/Menu",
component: Menu,
tags: ['v2'],
tags: ["v2"],
argTypes: {}
};
frontend/src/components/v2/Menu/Menu.tsx
+11 -11
View File
@@ -1,10 +1,10 @@
// @ts-nocheck
/* eslint-disable import/no-extraneous-dependencies */
/* eslint-disable global-require */
import { ComponentPropsWithRef, ElementType, ReactNode, Ref, useRef } from 'react';
import { motion } from 'framer-motion'
import Lottie from 'lottie-react'
import { twMerge } from 'tailwind-merge';
import { ComponentPropsWithRef, ElementType, ReactNode, Ref, useRef } from "react";
import { motion } from "framer-motion"
import Lottie from "lottie-react"
import { twMerge } from "tailwind-merge";
export type MenuProps = {
children: ReactNode;
@@ -12,7 +12,7 @@ export type MenuProps = {
};
export const Menu = ({ children, className }: MenuProps): JSX.Element => {
return <ul className={twMerge('p-2', className)}>{children}</ul>;
return <ul className={twMerge("p-2", className)}>{children}</ul>;
};
export type MenuItemProps<T extends ElementType> = {
@@ -27,13 +27,13 @@ export type MenuItemProps<T extends ElementType> = {
inputRef?: Ref<T>;
};
export const MenuItem = <T extends ElementType = 'button'>({
export const MenuItem = <T extends ElementType = "button">({
children,
icon,
className,
isDisabled,
isSelected,
as: Item = 'button',
as: Item = "button",
description,
// wrapping in forward ref with generic component causes the loss of ts definitions on props
inputRef,
@@ -48,9 +48,9 @@ export const MenuItem = <T extends ElementType = 'button'>({
>
<li
className={twMerge(
'group px-1 py-2.5 mt-0.5 font-inter flex flex-col text-sm text-bunker-100 transition-all rounded cursor-pointer hover:bg-mineshaft-700 duration-50',
isSelected && 'bg-mineshaft-600 hover:bg-mineshaft-600',
isDisabled && 'hover:bg-transparent cursor-not-allowed',
"group px-1 py-2.5 mt-0.5 font-inter flex flex-col text-sm text-bunker-100 transition-all rounded cursor-pointer hover:bg-mineshaft-700 duration-50",
isSelected && "bg-mineshaft-600 hover:bg-mineshaft-600",
isDisabled && "hover:bg-transparent cursor-not-allowed",
className
)}
>
@@ -76,7 +76,7 @@ export const MenuItem = <T extends ElementType = 'button'>({
)
};
MenuItem.displayName = 'MenuItem';
MenuItem.displayName = "MenuItem";
export type MenuGroupProps = {
children: ReactNode;
frontend/src/components/v2/Menu/index.tsx
+2 -2
View File
@@ -1,2 +1,2 @@
export type { MenuGroupProps, MenuItemProps, MenuProps } from './Menu';
export { Menu, MenuGroup, MenuItem } from './Menu';
export type { MenuGroupProps, MenuItemProps, MenuProps } from "./Menu";
export { Menu, MenuGroup, MenuItem } from "./Menu";