53 lines
1.3 KiB
TypeScript
53 lines
1.3 KiB
TypeScript
import type { Meta, StoryObj } from '@storybook/react';
|
|
import { SessionManagement } from './SessionManagement';
|
|
|
|
/**
|
|
* SessionManagement - Gestion des sessions
|
|
*
|
|
* Composant affichant les sessions actives avec
|
|
* option de déconnexion individuelle ou globale.
|
|
*/
|
|
const meta: Meta<typeof SessionManagement> = {
|
|
title: 'Components/Features/Settings/Security/SessionManagement',
|
|
component: SessionManagement,
|
|
parameters: {
|
|
layout: 'padded',
|
|
docs: {
|
|
description: {
|
|
component: 'Liste des sessions actives avec actions de déconnexion.',
|
|
},
|
|
},
|
|
},
|
|
tags: ['autodocs'],
|
|
decorators: [
|
|
(Story) => (
|
|
<div className="bg-kodo-background min-h-screen p-4 max-w-4xl">
|
|
<Story />
|
|
</div>
|
|
),
|
|
],
|
|
};
|
|
|
|
export default meta;
|
|
type Story = StoryObj<typeof meta>;
|
|
|
|
/**
|
|
* État par défaut avec sessions actives.
|
|
*/
|
|
export const Default: Story = {
|
|
name: 'Par défaut',
|
|
};
|
|
|
|
/**
|
|
* État avec plusieurs sessions.
|
|
*/
|
|
export const WithSessions: Story = {
|
|
name: 'Avec sessions',
|
|
parameters: {
|
|
docs: {
|
|
description: {
|
|
story: 'Affiche plusieurs sessions actives sur différents appareils.',
|
|
},
|
|
},
|
|
},
|
|
};
|