Rename v1 to web-check-live

src/web-check-live/components/Results/TxtRecords.tsx

@@ -0,0 +1,25 @@
+
+import { Card } from 'web-check-live/components/Form/Card';
+import Row from 'web-check-live/components/Form/Row';
+
+const cardStyles = `
+grid-column: span 2;
+span.val { max-width: 32rem !important; }
+span { overflow: hidden; }
+`;
+
+const TxtRecordCard = (props: {data: any, title: string, actionButtons: any }): JSX.Element => {
+  const records = props.data;
+  return (
+    <Card heading={props.title} actionButtons={props.actionButtons} styles={cardStyles}>
+      { !records && <Row lbl="" val="No TXT Records" />}
+      {Object.keys(records).map((recordName: any, index: number) => {
+        return (
+          <Row lbl={recordName} val={records[recordName]} key={`${recordName}-${index}`} />
+        );
+      })}
+    </Card>
+  );
+}
+
+export default TxtRecordCard;