dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-20 15:56:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove web

Browse Source
This commit is contained in:
Jan Prochazka
2021-02-20 19:15:11 +01:00
parent dd7db5904c
commit daf9e9d18b
240 changed files with 0 additions and 22572 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
packages/web/src/plugins/PluginsList.js
View File

@@ -1,87 +0,0 @@
import React from 'react';
import styled from 'styled-components';
import useTheme from '../theme/useTheme';
import { useSetOpenedTabs } from '../utility/globalState';
import { extractPluginIcon, extractPluginAuthor } from '../plugins/manifestExtractors';
import useOpenNewTab from '../utility/useOpenNewTab';
const Wrapper = styled.div`
margin: 1px 3px 10px 5px;
display: flex;
align-items: center;
&:hover {
background-color: ${props => props.theme.left_background_blue[1]};
}
`;
const Texts = styled.div`
margin-left: 10px;
`;
const Name = styled.div`
font-weight: bold;
`;
const Line = styled.div`
display: flex;
`;
const Icon = styled.img`
width: 50px;
height: 50px;
`;
const Description = styled.div`
font-style: italic;
`;
const Author = styled.div`
font-weight: bold;
`;
const Version = styled.div`
margin-left: 5px;
`;
function openPlugin(openNewTab, packageManifest) {
openNewTab({
title: packageManifest.name,
icon: 'icon plugin',
tabComponent: 'PluginTab',
props: {
packageName: packageManifest.name,
},
});
}
function PluginsListItem({ packageManifest }) {
const openNewTab = useOpenNewTab();
const theme = useTheme();
return (
<Wrapper onClick={() => openPlugin(openNewTab, packageManifest)} theme={theme}>
<Icon src={extractPluginIcon(packageManifest)} />
<Texts>
<Line>
<Name>{packageManifest.name}</Name>
<Version>{packageManifest.version}</Version>
</Line>
<Line>
<Description>{packageManifest.description}</Description>
</Line>
<Line>
<Author>{extractPluginAuthor(packageManifest)}</Author>
</Line>
</Texts>
</Wrapper>
);
}
export default function PluginsList({ plugins }) {
return (
<>
{plugins.map(packageManifest => (
<PluginsListItem packageManifest={packageManifest} key={packageManifest.name} />
))}
</>
);
}