UNPKG

react-native-obd-retriver

Version:

A React Native hook library to manage Bluetooth Low Energy connections and communication with ELM327 OBD-II adapters.

2 lines 3.08 kB
var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.DTCRawDataViewer=void 0;var _react=_interopRequireDefault(require("react"));var _reactNative=require("react-native");var _jsxRuntime=require("react/jsx-runtime");var _this=this,_jsxFileName="/Users/rakshitbharat/hardware/react-native-obd-retriver/src/components/DTCRawDataViewer.tsx";var DTCRawDataViewer=exports.DTCRawDataViewer=function DTCRawDataViewer(_ref){var title=_ref.title,data=_ref.data,_ref$loading=_ref.loading,loading=_ref$loading===void 0?false:_ref$loading;if(loading){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{children:"Loading..."})]});}if(!data){return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:title}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.noData,children:"No data available"})]});}return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.container,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.title,children:title}),(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:styles.scrollView,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:styles.dataContainer,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:"Raw String Response:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.value,children:data.rawString||'N/A'}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:"Raw Response:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.value,children:data.rawResponse?JSON.stringify(data.rawResponse):'N/A'}),data.response&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:"Response:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.value,children:JSON.stringify(data.response)})]}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:"Raw Bytes Response:"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.value,children:data.rawBytesResponseFromSendCommand?JSON.stringify(data.rawBytesResponseFromSendCommand):'N/A'}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:styles.label,children:"Protocol Information:"}),(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:styles.value,children:["Protocol: ",data.protocolNumber||'Unknown','\n',"Is CAN: ",data.isCan?'Yes':'No','\n',"ECU Address: ",data.ecuAddress||'N/A']})]})})]});};var styles=_reactNative.StyleSheet.create({container:{backgroundColor:'#f5f5f7',borderRadius:8,margin:8,padding:12},scrollView:{maxHeight:200},title:{fontSize:16,fontWeight:'bold',marginBottom:8},dataContainer:{marginTop:4},label:{fontWeight:'600',marginTop:6},value:{fontFamily:'monospace',marginTop:2,paddingHorizontal:4,backgroundColor:'#e8e8e8'},noData:{fontStyle:'italic',color:'#666'},errorText:{color:'red'}}); //# sourceMappingURL=DTCRawDataViewer.js.map