Mike0021 commited on
Commit
1caa3bf
·
verified ·
1 Parent(s): bcb8862

Changes pane: file diff icon

Browse files
Files changed (1) hide show
  1. piweb/hf-design.patch +9 -8
piweb/hf-design.patch CHANGED
@@ -24291,7 +24291,7 @@ index 0000000..889a7b7
24291
  +});
24292
  diff --git a/components/SessionHeader.tsx b/components/SessionHeader.tsx
24293
  new file mode 100644
24294
- index 0000000..0d14db7
24295
  --- /dev/null
24296
  +++ b/components/SessionHeader.tsx
24297
  @@ -0,0 +1,212 @@
@@ -24315,7 +24315,7 @@ index 0000000..0d14db7
24315
  +
24316
  +export const PANES: Record<PaneId, { icon: Carbon.CarbonIconData; labelKey: string; shortcut: ShortcutId }> = {
24317
  + terminal: { icon: Carbon.Terminal, labelKey: "pane.terminal", shortcut: "terminal" },
24318
- + changes: { icon: Carbon.Compare, labelKey: "pane.changes", shortcut: "changes" },
24319
  + browser: { icon: Carbon.Earth, labelKey: "pane.browser", shortcut: "browser" },
24320
  + files: { icon: Carbon.Folder, labelKey: "pane.files", shortcut: "files" },
24321
  +};
@@ -26073,7 +26073,7 @@ index 1f1ae33..27ed896 100644
26073
  </button>
26074
  </div>
26075
  diff --git a/components/SidebarIcons.tsx b/components/SidebarIcons.tsx
26076
- index 0666b96..b3463ba 100644
26077
  --- a/components/SidebarIcons.tsx
26078
  +++ b/components/SidebarIcons.tsx
26079
  @@ -1,11 +1,12 @@
@@ -26324,7 +26324,8 @@ index 0666b96..b3463ba 100644
26324
  + return <SidebarIcon {...props} icon={Carbon.Renew} />;
26325
  }
26326
 
26327
- /** Git changes: a commit on a line. */
 
26328
  export function ChangesIcon(props: SidebarIconProps) {
26329
  - return (
26330
  - <SidebarIcon {...props}>
@@ -26332,7 +26333,7 @@ index 0666b96..b3463ba 100644
26332
  - <path d="M3 12h6M15 12h6" />
26333
  - </SidebarIcon>
26334
  - );
26335
- + return <SidebarIcon {...props} icon={Carbon.Compare} />;
26336
  }
26337
 
26338
  /** What the file tree lists: the files tab's ignored-files switch. */
@@ -28740,7 +28741,7 @@ index 0000000..78e09cf
28740
  + limitations under the License.
28741
  diff --git a/components/carbon/icons.ts b/components/carbon/icons.ts
28742
  new file mode 100644
28743
- index 0000000..f6fff17
28744
  --- /dev/null
28745
  +++ b/components/carbon/icons.ts
28746
  @@ -0,0 +1,248 @@
@@ -28824,8 +28825,6 @@ index 0000000..f6fff17
28824
  +export const CloudUpload: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"}], ["path", {"d":"M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"}]] };
28825
  +/** carbon: code */
28826
  +export const Code: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16z"}], ["path", {"d":"M1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}], ["path", {"d":"M5.91 15H26.080000000000002V17H5.91z","transform":"rotate(-75 15.996 16)"}]] };
28827
- +/** carbon: compare */
28828
- +export const Compare: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M28,6H18V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V24a2,2,0,0,0,2,2H14v2a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM4,15h6.17L7.59,17.59,9,19l5-5L9,9,7.59,10.41,10.17,13H4V4H16V24H4ZM16,28V26a2,2,0,0,0,2-2V8H28v9H21.83l2.58-2.59L23,13l-5,5,5,5,1.41-1.41L21.83,19H28v9Z"}]] };
28829
  +/** carbon: container--image */
28830
  +export const ContainerImage: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"M10 10H22V12H10z"}], ["path", {"strokeWidth":"0","d":"M10 15H22V17H10z"}], ["path", {"strokeWidth":"0","d":"M10 20H22V22H10z"}], ["path", {"strokeWidth":"0","d":"m26,28H6c-1.1028,0-2-.8972-2-2V6c0-1.1028.8972-2,2-2h20c1.1028,0,2,.8972,2,2v20c0,1.1028-.8972,2-2,2ZM6,6v20h20V6H6Z"}]] };
28831
  +/** carbon: copy */
@@ -28846,6 +28845,8 @@ index 0000000..f6fff17
28846
  +export const Edit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M2 26H30V28H2z"}], ["path", {"d":"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6\tl-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"}]] };
28847
  +/** carbon: error--outline */
28848
  +export const ErrorOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.4 3.6H8.5V12.4H7.4z","transform":"rotate(-45 8 8)"}]] };
 
 
28849
  +/** carbon: flash */
28850
  +export const Flash: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11.61,29.92a1,1,0,0,1-.6-1.07L12.83,17H8a1,1,0,0,1-1-1.23l3-13A1,1,0,0,1,11,2H21a1,1,0,0,1,.78.37,1,1,0,0,1,.2.85L20.25,11H25a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1l-13,17A1,1,0,0,1,12,30,1.09,1.09,0,0,1,11.61,29.92ZM17.75,13l2-9H11.8L9.26,15h5.91L13.58,25.28,23,13Z"}]] };
28851
  +/** carbon: folder */
 
24291
  +});
24292
  diff --git a/components/SessionHeader.tsx b/components/SessionHeader.tsx
24293
  new file mode 100644
24294
+ index 0000000..b780420
24295
  --- /dev/null
24296
  +++ b/components/SessionHeader.tsx
24297
  @@ -0,0 +1,212 @@
 
24315
  +
24316
  +export const PANES: Record<PaneId, { icon: Carbon.CarbonIconData; labelKey: string; shortcut: ShortcutId }> = {
24317
  + terminal: { icon: Carbon.Terminal, labelKey: "pane.terminal", shortcut: "terminal" },
24318
+ + changes: { icon: Carbon.FileDiff, labelKey: "pane.changes", shortcut: "changes" },
24319
  + browser: { icon: Carbon.Earth, labelKey: "pane.browser", shortcut: "browser" },
24320
  + files: { icon: Carbon.Folder, labelKey: "pane.files", shortcut: "files" },
24321
  +};
 
26073
  </button>
26074
  </div>
26075
  diff --git a/components/SidebarIcons.tsx b/components/SidebarIcons.tsx
26076
+ index 0666b96..f1195d4 100644
26077
  --- a/components/SidebarIcons.tsx
26078
  +++ b/components/SidebarIcons.tsx
26079
  @@ -1,11 +1,12 @@
 
26324
  + return <SidebarIcon {...props} icon={Carbon.Renew} />;
26325
  }
26326
 
26327
+ -/** Git changes: a commit on a line. */
26328
+ +/** Git changes: a file with + and −, the diff the pane shows. */
26329
  export function ChangesIcon(props: SidebarIconProps) {
26330
  - return (
26331
  - <SidebarIcon {...props}>
 
26333
  - <path d="M3 12h6M15 12h6" />
26334
  - </SidebarIcon>
26335
  - );
26336
+ + return <SidebarIcon {...props} icon={Carbon.FileDiff} />;
26337
  }
26338
 
26339
  /** What the file tree lists: the files tab's ignored-files switch. */
 
28741
  + limitations under the License.
28742
  diff --git a/components/carbon/icons.ts b/components/carbon/icons.ts
28743
  new file mode 100644
28744
+ index 0000000..5ab61cb
28745
  --- /dev/null
28746
  +++ b/components/carbon/icons.ts
28747
  @@ -0,0 +1,248 @@
 
28825
  +export const CloudUpload: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11 18 12.41 19.41 15 16.83 15 29 17 29 17 16.83 19.59 19.41 21 18 16 13 11 18z"}], ["path", {"d":"M23.5,22H23V20h.5a4.5,4.5,0,0,0,.36-9L23,11l-.1-.82a7,7,0,0,0-13.88,0L9,11,8.14,11a4.5,4.5,0,0,0,.36,9H9v2H8.5A6.5,6.5,0,0,1,7.2,9.14a9,9,0,0,1,17.6,0A6.5,6.5,0,0,1,23.5,22Z"}]] };
28826
  +/** carbon: code */
28827
  +export const Code: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M31 16 24 23 22.59 21.59 28.17 16 22.59 10.41 24 9 31 16z"}], ["path", {"d":"M1 16 8 9 9.41 10.41 3.83 16 9.41 21.59 8 23 1 16z"}], ["path", {"d":"M5.91 15H26.080000000000002V17H5.91z","transform":"rotate(-75 15.996 16)"}]] };
 
 
28828
  +/** carbon: container--image */
28829
  +export const ContainerImage: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"strokeWidth":"0","d":"M10 10H22V12H10z"}], ["path", {"strokeWidth":"0","d":"M10 15H22V17H10z"}], ["path", {"strokeWidth":"0","d":"M10 20H22V22H10z"}], ["path", {"strokeWidth":"0","d":"m26,28H6c-1.1028,0-2-.8972-2-2V6c0-1.1028.8972-2,2-2h20c1.1028,0,2,.8972,2,2v20c0,1.1028-.8972,2-2,2ZM6,6v20h20V6H6Z"}]] };
28830
  +/** carbon: copy */
 
28845
  +export const Edit: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M2 26H30V28H2z"}], ["path", {"d":"M25.4,9c0.8-0.8,0.8-2,0-2.8c0,0,0,0,0,0l-3.6-3.6c-0.8-0.8-2-0.8-2.8,0c0,0,0,0,0,0l-15,15V24h6.4L25.4,9z M20.4,4L24,7.6\tl-3,3L17.4,7L20.4,4z M6,22v-3.6l10-10l3.6,3.6l-10,10H6z"}]] };
28846
  +/** carbon: error--outline */
28847
  +export const ErrorOutline: CarbonIconData = { viewBox: "0 0 16 16", shapes: [["path", {"d":"M8,1C4.1,1,1,4.1,1,8s3.1,7,7,7s7-3.1,7-7S11.9,1,8,1z M8,14c-3.3,0-6-2.7-6-6s2.7-6,6-6s6,2.7,6,6S11.3,14,8,14z"}], ["path", {"d":"M7.4 3.6H8.5V12.4H7.4z","transform":"rotate(-45 8 8)"}]] };
28848
+ +/** carbon: file--diff */
28849
+ +export const FileDiff: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M29,30h-8v-2h8v2ZM18,30h-10c-1.103,0-2-.8975-2-2V4c0-1.103.897-2,2-2h10c.2656,0,.5195.1055.707.293l7,7c.1875.1875.293.4419.293.707v6h-2v-4h-6c-1.103,0-2-.897-2-2v-6h-8v24h10v2ZM18,4.4141v5.5859h5.5859l-5.5859-5.5859ZM26,26h-2v-3h-3v-2h3v-3h2v3h3v2h-3v3Z"}]] };
28850
  +/** carbon: flash */
28851
  +export const Flash: CarbonIconData = { viewBox: "0 0 32 32", shapes: [["path", {"d":"M11.61,29.92a1,1,0,0,1-.6-1.07L12.83,17H8a1,1,0,0,1-1-1.23l3-13A1,1,0,0,1,11,2H21a1,1,0,0,1,.78.37,1,1,0,0,1,.2.85L20.25,11H25a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1l-13,17A1,1,0,0,1,12,30,1.09,1.09,0,0,1,11.61,29.92ZM17.75,13l2-9H11.8L9.26,15h5.91L13.58,25.28,23,13Z"}]] };
28852
  +/** carbon: folder */