bingyi/vscode-extension-samples
1
0
Fork 0
mirror of https://github.com/microsoft/vscode-extension-samples.git synced 2026-06-13 07:10:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Make sure tsx files have same formatting as ts files

Browse Source 
Also updates the react sample to only have a single tsconfig so tsfmt can be easily run on it
This commit is contained in:
Matt Bierner
2022-12-06 15:17:08 -08:00
parent 7ec56dd3cf
commit 7560f94b48
7 changed files with 93 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
notebook-renderer-react-sample/src/client/render.tsx
View File

@ -1,42 +1,42 @@
/* eslint-disable @typescript-eslint/naming-convention */
import React from "react";
import type { RendererContext } from 'vscode-notebook-renderer';
interface IRenderInfo {
container: HTMLElement;
mime: string;
value: GitHubIssuesValue[];
context: RendererContext<unknown>;
}
interface GitHubIssuesValue {
title: string;
url: string;
body: string;
}
export const IssuesList: React.FC<{info: IRenderInfo}> = ({info}) => {
const issues = info.value.map(item => {
return <tr>
<td><a href={item.url}>{item.title}</a></td>
<td>{item.body}</td>
</tr>;
});
return <div>
<table>
<tr>
<th>Issue</th>
<th>Description</th>
</tr>
{issues}
</table>
</div>;
};
if (module.hot) {
module.hot.addDisposeHandler(() => {
// In development, this will be called before the renderer is reloaded. You
// can use this to clean up or stash any state.
});
}
/* eslint-disable @typescript-eslint/naming-convention */
import React from "react";
import type { RendererContext } from 'vscode-notebook-renderer';
interface IRenderInfo {
container: HTMLElement;
mime: string;
value: GitHubIssuesValue[];
context: RendererContext<unknown>;
}
interface GitHubIssuesValue {
title: string;
url: string;
body: string;
}
export const IssuesList: React.FC<{ info: IRenderInfo }> = ({ info }) => {
const issues = info.value.map(item => {
return <tr>
<td><a href={item.url}>{item.title}</a></td>
<td>{item.body}</td>
</tr>;
});
return <div>
<table>
<tr>
<th>Issue</th>
<th>Description</th>
</tr>
{issues}
</table>
</div>;
};
if (module.hot) {
module.hot.addDisposeHandler(() => {
// In development, this will be called before the renderer is reloaded. You
// can use this to clean up or stash any state.
});
}