rohit/probo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix packages/ui lint issues

Browse Source 
Signed-off-by: Émile Ré <emile@getprobo.com>
This commit is contained in:
Émile Ré
2026-01-22 16:39:20 +04:00
parent 6ba2132cfe
commit 988909eb78
219 changed files with 5253 additions and 5127 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/ui/src/Molecules/Select/ImpactOptions.stories.tsx
View File

@@ -3,19 +3,19 @@ import type { Meta, StoryObj } from "@storybook/react";
import { Select } from "../../Atoms/Select/Select.tsx";
export default {
title: "Molecules/Select/ImpactSelect",
component: ImpactOptions,
argTypes: {},
title: "Molecules/Select/ImpactSelect",
component: ImpactOptions,
argTypes: {},
} satisfies Meta<typeof ImpactOptions>;
type Story = StoryObj<typeof ImpactOptions>;
export const Default: Story = {
render() {
return (
<Select placeholder="Select impact">
<ImpactOptions />
</Select>
);
},
render() {
return (
<Select placeholder="Select impact">
<ImpactOptions />
</Select>
);
},
};

81
packages/ui/src/Molecules/Select/ImpactOptions.tsx
View File

@@ -2,46 +2,47 @@ import { Option } from "../../Atoms/Select/Select";
import { useTranslate } from "@probo/i18n";
export function ImpactOptions() {
const { __ } = useTranslate();
const { __ } = useTranslate();
const descriptions = {
LOW: {
label: __("Low"),
description: __("Minimal impact on business"),
},
MEDIUM: {
label: __("Medium"),
description: __("Moderate impact on business"),
},
HIGH: {
label: __("High"),
description: __("Significant business impact"),
},
CRITICAL: {
label: __("Critical"),
description: __("Critical to business operations"),
},
} as const;
const descriptions = {
LOW: {
label: __("Low"),
description: __("Minimal impact on business"),
},
MEDIUM: {
label: __("Medium"),
description: __("Moderate impact on business"),
},
HIGH: {
label: __("High"),
description: __("Significant business impact"),
},
CRITICAL: {
label: __("Critical"),
description: __("Critical to business operations"),
},
} as const;
return (
<>
{Object.entries(descriptions).map(([key, description]) => (
<Option
key={key}
value={key}
className="border-b border-border-low"
>
<span>
<span className="text-sm font-bold">
{description.label}
</span>
,{" "}
<span className="text-sm text-txt-secondary">
{description.description}
</span>
</span>
</Option>
))}
</>
);
return (
<>
{Object.entries(descriptions).map(([key, description]) => (
<Option
key={key}
value={key}
className="border-b border-border-low"
>
<span>
<span className="text-sm font-bold">
{description.label}
</span>
,
{" "}
<span className="text-sm text-txt-secondary">
{description.description}
</span>
</span>
</Option>
))}
</>
);
}

20
packages/ui/src/Molecules/Select/SentitivityOptions.stories.tsx
View File

@@ -3,19 +3,19 @@ import type { Meta, StoryObj } from "@storybook/react";
import { Select } from "../../Atoms/Select/Select.tsx";
export default {
title: "Molecules/Select/SentitivitySelect",
component: SentitivityOptions,
argTypes: {},
title: "Molecules/Select/SentitivitySelect",
component: SentitivityOptions,
argTypes: {},
} satisfies Meta<typeof SentitivityOptions>;
type Story = StoryObj<typeof SentitivityOptions>;
export const Default: Story = {
render() {
return (
<Select placeholder="Select sensitivity">
<SentitivityOptions />
</Select>
);
},
render() {
return (
<Select placeholder="Select sensitivity">
<SentitivityOptions />
</Select>
);
},
};

89
packages/ui/src/Molecules/Select/SentitivityOptions.tsx
View File

@@ -2,50 +2,51 @@ import { Option } from "../../Atoms/Select/Select";
import { useTranslate } from "@probo/i18n";
export function SentitivityOptions() {
const { __ } = useTranslate();
const { __ } = useTranslate();
const descriptions = {
NONE: {
label: __("None"),
description: __("No sensitive data"),
},
LOW: {
label: __("Low"),
description: __("Public or non-sensitive data"),
},
MEDIUM: {
label: __("Medium"),
description: __("Internal/restricted data"),
},
HIGH: {
label: __("High"),
description: __("Confidential data"),
},
CRITICAL: {
label: __("Critical"),
description: __("Regulated/PII/financial data"),
},
} as const;
const descriptions = {
NONE: {
label: __("None"),
description: __("No sensitive data"),
},
LOW: {
label: __("Low"),
description: __("Public or non-sensitive data"),
},
MEDIUM: {
label: __("Medium"),
description: __("Internal/restricted data"),
},
HIGH: {
label: __("High"),
description: __("Confidential data"),
},
CRITICAL: {
label: __("Critical"),
description: __("Regulated/PII/financial data"),
},
} as const;
return (
<>
{Object.entries(descriptions).map(([key, description]) => (
<Option
key={key}
value={key}
className="border-b border-border-low"
>
<span>
<span className="text-sm font-bold">
{description.label}
</span>
,{" "}
<span className="text-sm text-txt-secondary">
{description.description}
</span>
</span>
</Option>
))}
</>
);
return (
<>
{Object.entries(descriptions).map(([key, description]) => (
<Option
key={key}
value={key}
className="border-b border-border-low"
>
<span>
<span className="text-sm font-bold">
{description.label}
</span>
,
{" "}
<span className="text-sm text-txt-secondary">
{description.description}
</span>
</span>
</Option>
))}
</>
);
}