jonny/chatbridge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

clean up imports

Browse source
This commit is contained in:
sneakers-the-rat 2023-08-04 19:26:41 -07:00
parent c87582c030
commit d89f89d035
20 changed files with 40 additions and 131 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
client/public/index.html
View file

@ -9,35 +9,10 @@
name="description" name="description"
content="Web site created using create-react-app" content="Web site created using create-react-app"
/> />
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<!--
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<!--
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<title>ChatBridge</title> <title>ChatBridge</title>
</head> </head>
<body> <body>
<noscript>You need to enable JavaScript to run this app.</noscript> <noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div> <div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body> </body>
</html> </html>

25
client/public/manifest.json
View file

@ -1,25 +1,8 @@
{ {
"short_name": "React App", "short_name": "ChatBridge",
"name": "Create React App Sample", "name": "ChatBridge: Bridge ur chatz",
"icons": [
{
"src": "favicon.ico",
"sizes": "64x64 32x32 24x24 16x16",
"type": "image/x-icon"
},
{
"src": "logo192.png",
"type": "image/png",
"sizes": "192x192"
},
{
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
}
],
"start_url": ".", "start_url": ".",
"display": "standalone", "display": "standalone",
"theme_color": "#000000", "theme_color": "#FFFFFF",
"background_color": "#ffffff" "background_color": "#1C1B22"
} }

7
client/src/App.tsx
View file

@ -1,8 +1,7 @@
import React from 'react'; import React from 'react';
import logo from './logo.svg';
import { createTheme, ThemeProvider } from '@mui/material/styles'; import { createTheme, ThemeProvider } from '@mui/material/styles';
import { yellow} from "@mui/material/colors"; import { yellow } from "@mui/material/colors";
import './sass/index.scss';
const theme = createTheme({ const theme = createTheme({
palette:{ palette:{
@ -28,4 +27,4 @@ function App() {
); );
} }
export default App; export default App;

4
client/src/components/groups/groupPanel.tsx
View file

@ -1,5 +1,4 @@
import React from 'react'; import React from 'react';
import {useState, useEffect} from "react";
import Table from '@mui/material/Table'; import Table from '@mui/material/Table';
import TableBody from '@mui/material/TableBody'; import TableBody from '@mui/material/TableBody';
@ -7,7 +6,6 @@ import TableCell from '@mui/material/TableCell';
import TableRow from "@mui/material/TableRow"; import TableRow from "@mui/material/TableRow";
import TableContainer from '@mui/material/TableContainer'; import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead'; import TableHead from '@mui/material/TableHead';
import Typography from "@mui/material/Typography";
import GroupRow from "./groupRow"; import GroupRow from "./groupRow";
@ -45,4 +43,4 @@ export default function GroupPanel({
</TableContainer> </TableContainer>
</div> </div>
) )
} }

4
client/src/components/groups/groupRow.tsx
View file

@ -1,6 +1,4 @@
import TableCell from '@mui/material/TableCell'; import TableCell from '@mui/material/TableCell';
import TableContainer from '@mui/material/TableContainer';
import TableHead from '@mui/material/TableHead';
import TableRow from '@mui/material/TableRow'; import TableRow from '@mui/material/TableRow';
import DeleteForeverIcon from '@mui/icons-material/DeleteForever'; import DeleteForeverIcon from '@mui/icons-material/DeleteForever';
import IconButton from "@mui/material/IconButton" import IconButton from "@mui/material/IconButton"
@ -46,4 +44,4 @@ export default function GroupRow(
</TableRow> </TableRow>
) )
} }

5
client/src/components/join/joinBridge.tsx
View file

@ -1,9 +1,10 @@
import Grid from "@mui/material/Grid"; import {useState} from "react";
import TextField from "@mui/material/TextField"; import TextField from "@mui/material/TextField";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import {setBridgeLabel} from "../../api/bridge"; import {setBridgeLabel} from "../../api/bridge";
import {useState} from "react";
export const JoinBridge = ({ export const JoinBridge = ({

8
client/src/components/join/joinChannel.tsx
View file

@ -1,15 +1,17 @@
import {useEffect, useState} from "react";
import FormControl from "@mui/material/FormControl"; import FormControl from "@mui/material/FormControl";
import InputLabel from "@mui/material/InputLabel"; import InputLabel from "@mui/material/InputLabel";
import Select from "@mui/material/Select"; import Select from "@mui/material/Select";
import MenuItem from "@mui/material/MenuItem"; import MenuItem from "@mui/material/MenuItem";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import {stepCompleteType} from "./joinForm";
import {stepCompleteType} from "./joinForm";
import {getSlackChannels, joinSlackChannel} from "../../api/slack"; import {getSlackChannels, joinSlackChannel} from "../../api/slack";
import {useEffect, useState} from "react"; import {getDiscordChannels} from "../../api/discord";
import {channelsType} from "../../types/channel"; import {channelsType} from "../../types/channel";
import {bridgeType} from "../../types/bridge"; import {bridgeType} from "../../types/bridge";
import {getDiscordChannels} from "../../api/discord";
export interface JoinChannelProps { export interface JoinChannelProps {

9
client/src/components/join/joinForm.tsx
View file

@ -1,12 +1,13 @@
import {useState, useEffect} from "react";
import Button from '@mui/material/Button';
import {Group} from "../../types/group";
import {JoinStep} from './joinStep'; import {JoinStep} from './joinStep';
import {JoinLogin} from "./joinLogin"; import {JoinLogin} from "./joinLogin";
import {useState, useEffect} from "react";
import Button from '@mui/material/Button';
import {createChannel} from "../../api/channel";
import {JoinBridge} from "./joinBridge"; import {JoinBridge} from "./joinBridge";
import JoinChannel from "./joinChannel"; import JoinChannel from "./joinChannel";
import {createChannel} from "../../api/channel";
import {Group} from "../../types/group";
import {bridgeType} from "../../types/bridge"; import {bridgeType} from "../../types/bridge";
export interface JoinFormProps { export interface JoinFormProps {

6
client/src/components/join/joinGroup.tsx
View file

@ -1,10 +1,12 @@
import React, {useState} from 'react'; import React, {useState} from 'react';
import {Group} from '../../types/group'
import {groupInvite} from '../../api/groups'
import TextField from "@mui/material/TextField"; import TextField from "@mui/material/TextField";
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import {groupInvite} from '../../api/groups'
import {Group} from '../../types/group'
export interface JoinGroupProps { export interface JoinGroupProps {
group: Group; group: Group;
setGroup: React.Dispatch<React.SetStateAction<Group>> setGroup: React.Dispatch<React.SetStateAction<Group>>

2
client/src/components/join/joinLogin.tsx
View file

@ -1,8 +1,8 @@
/* /*
Select which platform you're joining from! Select which platform you're joining from!
*/ */
import React, {useEffect, useState} from 'react'; import React, {useEffect, useState} from 'react';
import InputLabel from '@mui/material/InputLabel'; import InputLabel from '@mui/material/InputLabel';
import MenuItem from '@mui/material/MenuItem'; import MenuItem from '@mui/material/MenuItem';
import FormControl from '@mui/material/FormControl'; import FormControl from '@mui/material/FormControl';

4
client/src/components/join/joinStep.tsx
View file

@ -1,4 +1,5 @@
import * as React from 'react'; import * as React from 'react';
import Accordion from '@mui/material/Accordion'; import Accordion from '@mui/material/Accordion';
import AccordionDetails from '@mui/material/AccordionDetails'; import AccordionDetails from '@mui/material/AccordionDetails';
import AccordionSummary from '@mui/material/AccordionSummary'; import AccordionSummary from '@mui/material/AccordionSummary';
@ -6,7 +7,6 @@ import Typography from '@mui/material/Typography';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked'; import RadioButtonUncheckedIcon from '@mui/icons-material/RadioButtonUnchecked';
import TaskAltIcon from '@mui/icons-material/TaskAlt'; import TaskAltIcon from '@mui/icons-material/TaskAlt';
import {useState} from "react";
export interface JoinStepProps { export interface JoinStepProps {
children: any; children: any;
@ -57,4 +57,4 @@ export function JoinStep(
</Accordion> </Accordion>
) )
} }

1
client/src/components/modePanel.tsx
View file

@ -1,7 +1,6 @@
import * as React from 'react'; import * as React from 'react';
import Tab from '@mui/material/Tab'; import Tab from '@mui/material/Tab';
import TabsList from '@mui/base/TabsList';
import Tabs from '@mui/material/Tabs'; import Tabs from '@mui/material/Tabs';
import Box from "@mui/material/Box"; import Box from "@mui/material/Box";
import { styled } from '@mui/material/styles'; import { styled } from '@mui/material/styles';

3
client/src/components/panels/joinPanel.tsx
View file

@ -1,13 +1,10 @@
import React from 'react'; import React from 'react';
import {useState, useEffect} from "react"; import {useState, useEffect} from "react";
import TextField from '@mui/material/TextField';
import Button from '@mui/material/Button';
import {JoinForm} from "../join/joinForm"; import {JoinForm} from "../join/joinForm";
import {JoinGroup} from '../join/joinGroup'; import {JoinGroup} from '../join/joinGroup';
import {Group} from "../../types/group"; import {Group} from "../../types/group";
import {groupInvite} from "../../api/groups";
export default function JoinPanel(){ export default function JoinPanel(){
const [group, setGroup] = useState<Group>(undefined); const [group, setGroup] = useState<Group>(undefined);

3
client/src/components/panels/managePanel.tsx
View file

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import {useState, useEffect} from "react"; import {useState, useEffect} from "react";
import TextField from '@mui/material/TextField'; import TextField from '@mui/material/TextField';
import Button from '@mui/material/Button'; import Button from '@mui/material/Button';
@ -142,4 +143,4 @@ export default function ManagePanel(){
} }
</div> </div>
) )
} }

6
client/src/components/platforms/discordLogin.tsx
View file

@ -1,7 +1,9 @@
import {useEffect, useRef, useState} from "react"; import {useEffect, useRef, useState} from "react";
import Button from "@mui/material/Button";
import {getDiscordInstallURL} from "../../api/discord"; import {getDiscordInstallURL} from "../../api/discord";
import {getBridgeByStateToken} from "../../api/bridge"; import {getBridgeByStateToken} from "../../api/bridge";
import Button from "@mui/material/Button";
export const DiscordLogin = ({ export const DiscordLogin = ({
@ -53,4 +55,4 @@ export const DiscordLogin = ({
{installLink === undefined ? 'Waiting for Install Link...' : 'Add to Discord'} {installLink === undefined ? 'Waiting for Install Link...' : 'Add to Discord'}
</Button> </Button>
) )
} }

2
client/src/components/platforms/slackLogin.tsx
View file

@ -1,5 +1,7 @@
import React, {useEffect, useRef, useState} from 'react' import React, {useEffect, useRef, useState} from 'react'
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import {getSlackInstallURL} from "../../api/slack"; import {getSlackInstallURL} from "../../api/slack";
import {getBridgeByStateToken} from "../../api/bridge"; import {getBridgeByStateToken} from "../../api/bridge";

3
client/src/components/tabPanel.tsx
View file

@ -1,6 +1,5 @@
import * as React from 'react'; import * as React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import Typography from '@mui/material/Typography';
import Box from '@mui/material/Box'; import Box from '@mui/material/Box';
export default function TabPanel(props) { export default function TabPanel(props) {
@ -27,4 +26,4 @@ TabPanel.propTypes = {
children: PropTypes.node, children: PropTypes.node,
index: PropTypes.number.isRequired, index: PropTypes.number.isRequired,
value: PropTypes.number.isRequired, value: PropTypes.number.isRequired,
}; };

3
client/src/index.tsx
View file

@ -1,8 +1,9 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom/client'; import ReactDOM from 'react-dom/client';
import './sass/index.scss';
import App from './App'; import App from './App';
import './sass/index.scss';
const root = ReactDOM.createRoot( const root = ReactDOM.createRoot(
document.getElementById('root') as HTMLElement document.getElementById('root') as HTMLElement
); );

38
client/styles/App.css
View file

@ -1,38 +0,0 @@
.App {
text-align: center;
}
.App-logo {
height: 40vmin;
pointer-events: none;
}
@media (prefers-reduced-motion: no-preference) {
.App-logo {
animation: App-logo-spin infinite 20s linear;
}
}
.App-header {
background-color: #282c34;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: calc(10px + 2vmin);
color: white;
}
.App-link {
color: #61dafb;
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

13
client/styles/index.css
View file

@ -1,13 +0,0 @@
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}