hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Format code to make ongoing refactoring a bit easier

Browse Source 
Co-authored-by: Janne Savolainen <janne.savolainen@live.fi>

Signed-off-by: Iku-turso <mikko.aspiala@gmail.com>
This commit is contained in:
Iku-turso 2022-08-16 12:29:39 +03:00 committed by Janne Savolainen
parent b14400dd65
commit 1030135c9b
No known key found for this signature in database
GPG Key ID: 8C6CFB2FFFE8F68A
1 changed files with 92 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

172
src/renderer/components/layout/top-bar/top-bar.tsx
View File

@ -33,98 +33,110 @@ interface Dependencies {
watchHistoryState: () => () => void;
}
const NonInjectedTopBar = observer(({
items,
items2,
isWindows,
isLinux,
closeWindow,
minimizeWindow,
toggleMaximizeWindow,
watchHistoryState,
}: Dependencies) => {
const elem = useRef<HTMLDivElement | null>(null);
const NonInjectedTopBar = observer(
({
items,
items2,
isWindows,
isLinux,
closeWindow,
minimizeWindow,
toggleMaximizeWindow,
watchHistoryState,
}: Dependencies) => {
const elem = useRef<HTMLDivElement | null>(null);
const windowSizeToggle = (evt: React.MouseEvent) => {
if (elem.current === evt.target) {
toggleMaximizeWindow();
}
};
const windowSizeToggle = (evt: React.MouseEvent) => {
if (elem.current === evt.target) {
toggleMaximizeWindow();
}
};
useEffect(() => watchHistoryState(), []);
useEffect(() => watchHistoryState(), []);
return (
<div
className={styles.topBar}
onDoubleClick={windowSizeToggle}
ref={elem}>
<div className={styles.items}>
{items2.get().map((item) => {
const Component = item.Component;
return (
<div
className={styles.topBar}
onDoubleClick={windowSizeToggle}
ref={elem}
>
<div className={styles.items}>
{items2.get().map((item) => {
const Component = item.Component;
return <Component key={item.id} />;
})}
return <Component key={item.id} />;
})}
</div>
<div className={styles.items}>
{renderRegisteredItems(items.get())}
{(isWindows || isLinux) && (
<div
className={cssNames(styles.windowButtons, {
[styles.linuxButtons]: isLinux,
})}
>
<div
className={styles.minimize}
data-testid="window-minimize"
onClick={minimizeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<rect
fill="currentColor"
width="10"
height="1"
x="1"
y="9" />
</svg>
</div>
<div
className={styles.maximize}
data-testid="window-maximize"
onClick={toggleMaximizeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<rect
width="9"
height="9"
x="1.5"
y="1.5"
fill="none"
stroke="currentColor"
/>
</svg>
</div>
<div
className={styles.close}
data-testid="window-close"
onClick={closeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<polygon
fill="currentColor"
points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1"
/>
</svg>
</div>
</div>
)}
</div>
</div>
<div className={styles.items}>
{renderRegisteredItems(items.get())}
{(isWindows || isLinux) && (
<div className={cssNames(styles.windowButtons, { [styles.linuxButtons]: isLinux })}>
<div
className={styles.minimize}
data-testid="window-minimize"
onClick={minimizeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<rect
fill="currentColor"
width="10"
height="1"
x="1"
y="9"
/>
</svg>
</div>
<div
className={styles.maximize}
data-testid="window-maximize"
onClick={toggleMaximizeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<rect
width="9"
height="9"
x="1.5"
y="1.5"
fill="none"
stroke="currentColor"
/>
</svg>
</div>
<div
className={styles.close}
data-testid="window-close"
onClick={closeWindow}
>
<svg shapeRendering="crispEdges" viewBox="0 0 12 12">
<polygon fill="currentColor" points="11 1.576 6.583 6 11 10.424 10.424 11 6 6.583 1.576 11 1 10.424 5.417 6 1 1.576 1.576 1 6 5.417 10.424 1" />
</svg>
</div>
</div>
)}
</div>
</div>
);
});
);
},
);
const renderRegisteredItems = (items: TopBarRegistration[]) => (
const renderRegisteredItems = (items: TopBarRegistration[]) =>
items.map((registration, index) => {
if (!registration?.components?.Item) {
return null;
}
return <registration.components.Item key={index} />;
})
);
});
export const TopBar = withInjectables<Dependencies>(NonInjectedTopBar, {
getProps: (di) => ({