-
Notifications
You must be signed in to change notification settings - Fork 2.7k
/
AvatarPage.tsx
41 lines (37 loc) · 1.43 KB
/
AvatarPage.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import * as React from 'react';
import { IPageSectionProps } from '@uifabric/example-app-base/lib/index2';
import { ControlsAreaPage, IControlsPageProps } from '../ControlsAreaPage';
import { AvatarPageProps } from './AvatarPage.doc';
import { Platforms } from '../../../interfaces/Platforms';
const baseUrl = 'https://github.com/OfficeDev/office-ui-fabric-react/tree/master/apps/fabric-website/src/pages/Controls/AvatarPage/';
export const AvatarPage: React.StatelessComponent<IControlsPageProps> = props => {
const { platform } = props;
return (
<ControlsAreaPage
{...props}
title="Avatar"
{...AvatarPageProps[platform]}
otherSections={_otherSections(platform) as IPageSectionProps[]}
/>
);
};
function _otherSections(platform: Platforms): IPageSectionProps<Platforms>[] {
switch (platform) {
case 'ios':
return [
{
sectionName: 'Implementation',
editUrl: baseUrl + 'docs/ios/AvatarImplementation.md',
content: require('!raw-loader!@uifabric/fabric-website/src/pages/Controls/AvatarPage/docs/ios/AvatarImplementation.md') as string
}
];
case 'android':
return [
{
sectionName: 'Implementation',
editUrl: baseUrl + 'docs/android/AvatarImplementation.md',
content: require('!raw-loader!@uifabric/fabric-website/src/pages/Controls/AvatarPage/docs/android/AvatarImplementation.md') as string
}
];
}
}