1// Copyright 2022 The Pigweed Authors 2// 3// Licensed under the Apache License, Version 2.0 (the "License"); you may not 4// use this file except in compliance with the License. You may obtain a copy of 5// the License at 6// 7// https://www.apache.org/licenses/LICENSE-2.0 8// 9// Unless required by applicable law or agreed to in writing, software 10// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT 11// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the 12// License for the specific language governing permissions and limitations under 13// the License. 14 15import Button from '@mui/material/Button'; 16import {Alert} from '@mui/material'; 17import {Device, WebSerial} from "pigweedjs"; 18import {useState} from 'react'; 19import DeviceFactory from "../common/device"; 20type WebSerialTransport = WebSerial.WebSerialTransport 21 22interface LogProps { 23 onConnection: (device: Device) => void 24} 25 26export default function BtnConnect({onConnection}: LogProps) { 27 const [connected, setConnected] = useState(false); 28 if (connected) return (<Alert severity="success">Connected!</Alert>) 29 return (<Button onClick={async () => { 30 const device = await DeviceFactory(); 31 await device.connect(); 32 setConnected(true); 33 onConnection(device); 34 }} variant="contained">Connect</Button>) 35} 36