indent files in a sketch file

Author: mathieudutour

app/src/ui/changes/changed-file.tsx

@@ -14,6 +14,7 @@ const RestrictedFileExtensions = ['.cmd', '.exe', '.bat', '.sh']
 interface IChangedFileProps {
   readonly path: string
   readonly status: AppFileStatus
+  readonly parts?: Array<string>
   readonly oldPath?: string
   readonly include: boolean | null
   readonly onIncludeChanged: (path: string, include: boolean) => void
@@ -34,6 +35,8 @@ interface IChangedFileProps {
   readonly onIgnore: (pattern: string) => void
 }
 
+const Space = () => <span style={{ marginLeft: 20 }} />
+
 /** a changed file in the working directory for a given repository */
 export class ChangedFile extends React.Component<IChangedFileProps, {}> {
   private handleCheckboxChange = (event: React.FormEvent<HTMLInputElement>) => {
@@ -69,6 +72,7 @@ export class ChangedFile extends React.Component<IChangedFileProps, {}> {
 
     return (
       <div className="file" onContextMenu={this.onContextMenu}>
+        {(this.props.parts || []).map((p, i) => <Space key={i} />)}
         <Checkbox
           // The checkbox doesn't need to be tab reachable since we emulate
           // checkbox behavior on the list item itself, ie hitting space bar

app/src/ui/changes/changes-list.tsx

@@ -199,6 +199,7 @@ export class ChangesList extends React.Component<
         <ChangedFile
           path={file.path}
           status={file.status}
+          parts={file.parts}
           oldPath={file.oldPath}
           include={includeAll}
           key={file.id}