signal-desktop/ts/components/conversation/conversation-details/GroupLinkManagement.stories.tsx
2022-11-17 16:45:19 -08:00

114 lines
3 KiB
TypeScript

// Copyright 2021 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
import * as React from 'react';
import { action } from '@storybook/addon-actions';
import { setupI18n } from '../../../util/setupI18n';
import enMessages from '../../../../_locales/en/messages.json';
import type { PropsType } from './GroupLinkManagement';
import { GroupLinkManagement } from './GroupLinkManagement';
import { SignalService as Proto } from '../../../protobuf';
import type { ConversationType } from '../../../state/ducks/conversations';
import { getDefaultConversation } from '../../../test-both/helpers/getDefaultConversation';
const i18n = setupI18n('en', enMessages);
export default {
title: 'Components/Conversation/ConversationDetails/GroupLinkManagement',
};
const AccessControlEnum = Proto.AccessControl.AccessRequired;
function getConversation(
groupLink?: string,
accessControlAddFromInviteLink?: number
): ConversationType {
return getDefaultConversation({
id: '',
lastUpdated: 0,
memberships: Array(32).fill({ member: getDefaultConversation({}) }),
pendingMemberships: Array(16).fill({ member: getDefaultConversation({}) }),
title: 'Some Conversation',
type: 'group',
sharedGroupNames: [],
groupLink,
accessControlAddFromInviteLink:
accessControlAddFromInviteLink !== undefined
? accessControlAddFromInviteLink
: AccessControlEnum.UNSATISFIABLE,
});
}
const createProps = (
conversation?: ConversationType,
isAdmin = false
): PropsType => ({
changeHasGroupLink: action('changeHasGroupLink'),
conversation: conversation || getConversation(),
generateNewGroupLink: action('generateNewGroupLink'),
i18n,
isAdmin,
setAccessControlAddFromInviteLinkSetting: action(
'setAccessControlAddFromInviteLinkSetting'
),
});
export function OffAdmin(): JSX.Element {
const props = createProps(undefined, true);
return <GroupLinkManagement {...props} />;
}
OffAdmin.story = {
name: 'Off (Admin)',
};
export function OnAdmin(): JSX.Element {
const props = createProps(
getConversation('https://signal.group/1', AccessControlEnum.ANY),
true
);
return <GroupLinkManagement {...props} />;
}
OnAdmin.story = {
name: 'On (Admin)',
};
export function OnAdminAdminApprovalNeeded(): JSX.Element {
const props = createProps(
getConversation('https://signal.group/1', AccessControlEnum.ADMINISTRATOR),
true
);
return <GroupLinkManagement {...props} />;
}
OnAdminAdminApprovalNeeded.story = {
name: 'On (Admin + Admin Approval Needed)',
};
export function OnNonAdmin(): JSX.Element {
const props = createProps(
getConversation('https://signal.group/1', AccessControlEnum.ANY)
);
return <GroupLinkManagement {...props} />;
}
OnNonAdmin.story = {
name: 'On (Non-admin)',
};
export function OffNonAdminUserCannotGetHere(): JSX.Element {
const props = createProps(undefined, false);
return <GroupLinkManagement {...props} />;
}
OffNonAdminUserCannotGetHere.story = {
name: 'Off (Non-admin) - user cannot get here',
};