70 lines
1.4 KiB
TypeScript
70 lines
1.4 KiB
TypeScript
import React from 'react';
|
|
|
|
import { themes } from '../../lib/constants';
|
|
import ServerItemComponent, { IServerItem } from '.';
|
|
import { ThemeContext, TSupportedThemes } from '../../theme';
|
|
|
|
export default {
|
|
title: 'ServerItem'
|
|
};
|
|
|
|
const defaultItem = {
|
|
name: 'Rocket.Chat',
|
|
id: 'https://open.rocket.chat/',
|
|
iconURL: 'https://open.rocket.chat/images/logo/android-chrome-512x512.png'
|
|
};
|
|
|
|
const ServerItem = ({
|
|
item,
|
|
theme = 'light',
|
|
onPress = () => alert('Press'),
|
|
onLongPress,
|
|
hasCheck
|
|
}: {
|
|
item?: Partial<IServerItem['item']>;
|
|
theme?: TSupportedThemes;
|
|
onPress?: IServerItem['onPress'];
|
|
onLongPress?: IServerItem['onLongPress'];
|
|
hasCheck?: IServerItem['hasCheck'];
|
|
}) => (
|
|
<ThemeContext.Provider
|
|
value={{
|
|
theme,
|
|
colors: themes[theme]
|
|
}}
|
|
>
|
|
<ServerItemComponent item={{ ...defaultItem, ...item }} onPress={onPress} onLongPress={onLongPress} hasCheck={hasCheck} />
|
|
</ThemeContext.Provider>
|
|
);
|
|
|
|
export const Content = () => (
|
|
<>
|
|
<ServerItem hasCheck />
|
|
<ServerItem
|
|
item={{
|
|
name: 'Super Long Server Name in Rocket.Chat',
|
|
id: 'https://superlongservername.tologintoasuperlongservername/'
|
|
}}
|
|
/>
|
|
<ServerItem
|
|
item={{
|
|
id: 'https://stable.rocket.chat/'
|
|
}}
|
|
/>
|
|
</>
|
|
);
|
|
|
|
export const Touchable = () => (
|
|
<>
|
|
<ServerItem onLongPress={() => alert('Long Press')} />
|
|
</>
|
|
);
|
|
|
|
export const Themes = () => (
|
|
<>
|
|
<ServerItem theme={'light'} />
|
|
<ServerItem theme={'dark'} />
|
|
<ServerItem theme={'black'} />
|
|
</>
|
|
);
|