diff --git a/src/controls/fileTypeIcon/FileTypeIcon.tsx b/src/controls/fileTypeIcon/FileTypeIcon.tsx index d93389495..bb9def3af 100644 --- a/src/controls/fileTypeIcon/FileTypeIcon.tsx +++ b/src/controls/fileTypeIcon/FileTypeIcon.tsx @@ -227,7 +227,7 @@ export class FileTypeIcon extends React.Component { if (iconImage.cdnFallback) { const iconUrl = `${ICON_CDN_URL}/${iconImage.size.replace("icon", "")}/${iconImage.cdnFallback}.png`; iconElm = ; - } else if (iconImage.cdnFallback) { + } else if (iconImage.image) { iconElm = ; } else { // Return a generic image diff --git a/src/controls/fileTypeIcon/IFileTypeIcon.ts b/src/controls/fileTypeIcon/IFileTypeIcon.ts index 11b2e6659..6b51da7b2 100644 --- a/src/controls/fileTypeIcon/IFileTypeIcon.ts +++ b/src/controls/fileTypeIcon/IFileTypeIcon.ts @@ -66,19 +66,22 @@ export const ApplicationIconList: IApplicationIcons[] = [ application: ApplicationType.ASPX, extensions: ['aspx', 'master'], iconName: 'FileASPX', - imageName: [] + imageName: [], + cdnImageName: ['spo'] }, { application: ApplicationType.Code, extensions: ['js', 'ts', 'cs'], iconName: 'FileCode', - imageName: [] + imageName: [], + cdnImageName: ['code'] }, { application: ApplicationType.CSS, extensions: ['css'], iconName: 'FileCSS', - imageName: [] + imageName: [], + cdnImageName: ['code'] }, { application: ApplicationType.CSV, @@ -98,19 +101,22 @@ export const ApplicationIconList: IApplicationIcons[] = [ application: ApplicationType.HTML, extensions: ['html'], iconName: 'FileHTML', - imageName: [] + imageName: [], + cdnImageName: ['html'] }, { application: ApplicationType.Image, extensions: ['jpg', 'jpeg', 'gif', 'png'], iconName: 'FileImage', - imageName: [] + imageName: [], + cdnImageName: ['photo'] }, { application: ApplicationType.Mail, extensions: ['msg'], iconName: 'Mail', - imageName: [] + imageName: [], + cdnImageName: ['email'] }, { application: ApplicationType.OneNote, @@ -157,7 +163,8 @@ export const ApplicationIconList: IApplicationIcons[] = [ application: ApplicationType.SASS, extensions: ['scss', 'sass'], iconName: 'FileSass', - imageName: [] + imageName: [], + cdnImageName: ['code'] }, { application: ApplicationType.Visio, diff --git a/src/webparts/controlsTest/ControlsTestWebPart.ts b/src/webparts/controlsTest/ControlsTestWebPart.ts index 8fbd72f58..6a1a139fc 100644 --- a/src/webparts/controlsTest/ControlsTestWebPart.ts +++ b/src/webparts/controlsTest/ControlsTestWebPart.ts @@ -27,7 +27,8 @@ export default class ControlsTestWebPart extends BaseClientSideWebPart { this.properties.title = value; - } + }, + totalPages: this.properties.totalPages } ); @@ -51,6 +52,9 @@ export default class ControlsTestWebPart extends BaseClientSideWebPart (this._getPage(page))} - totalPages={13} + totalPages={this.props.totalPages || 13} //limiter={3} // hideFirstPageJump //hideLastPageJump diff --git a/src/webparts/controlsTest/components/IControlsTestProps.ts b/src/webparts/controlsTest/components/IControlsTestProps.ts index 8660a54fb..0cdd293db 100644 --- a/src/webparts/controlsTest/components/IControlsTestProps.ts +++ b/src/webparts/controlsTest/components/IControlsTestProps.ts @@ -10,6 +10,7 @@ export interface IControlsTestProps { title: string; displayMode: DisplayMode; updateProperty: (value: string) => void; + totalPages?: number; } export interface IControlsTestState {