Fix logs (#395)

* Edit logs resource. Add polling for logs

* Description is rendered as HTML

* Change sidebar icon

* Edit favicon and logo for preferences page

airbyte-webapp/src/components/BaseClearView/BaseClearView.tsx

@@ -19,7 +19,7 @@ const Img = styled.img`
 const BaseClearView: React.FC = props => {
   return (
     <Content>
-      <Img src={"/logo.svg"} width={112} height={112} alt={"logo"} />
+      <Img src={"/logo.png"} width={112} height={112} alt={"logo"} />
       {props.children}
     </Content>
   );

airbyte-webapp/src/components/Label/Label.tsx

@@ -23,6 +23,11 @@ const Content = styled.label<{ additionLength?: number | string }>`
       ${({ additionLength }) =>
         additionLength === 0 || additionLength ? additionLength : 30}px
   );
+
+  & a {
+    text-decoration: underline;
+    color: #625eff;
+  }
 `;
 
 const MessageText = styled.span<{ error?: boolean; success?: boolean }>`

airbyte-webapp/src/components/ServiceForm/components/FormContent.tsx

@@ -1,5 +1,5 @@
 import { Field, FieldProps } from "formik";
-import { FormattedMessage, useIntl } from "react-intl";
+import { FormattedHTMLMessage, FormattedMessage, useIntl } from "react-intl";
 import React from "react";
 import styled from "styled-components";
 
@@ -160,7 +160,14 @@ const FormContent: React.FC<IProps> = ({
                       />
                     )
                   }
-                  message={condition?.description}
+                  message={
+                    condition?.description ? (
+                      <FormattedHTMLMessage
+                        id="1"
+                        defaultMessage={condition?.description}
+                      />
+                    ) : null
+                  }
                   placeholder={
                     condition?.examples?.length ? condition?.examples[0] : ""
                   }

airbyte-webapp/src/core/resources/Job.ts

@@ -1,6 +1,5 @@
 import { Resource, FetchOptions } from "rest-hooks";
 import BaseResource from "./BaseResource";
-import JobLogsResource from "./JobLogs";
 
 export interface Job {
   id: number;
@@ -45,7 +44,7 @@ export default class JobResource extends BaseResource implements Job {
       ...super.detailShape(),
       schema: {
         job: this.asSchema(),
-        logs: JobLogsResource.asSchema()
+        logs: { logLines: [] }
       }
     };
   }

airbyte-webapp/src/pages/SourcesPage/pages/SourceItemPage/components/JobLogs.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useResource } from "rest-hooks";
+import { useResource, useSubscription } from "rest-hooks";
 import { FormattedMessage } from "react-intl";
 import styled from "styled-components";
 
@@ -18,16 +18,16 @@ const Logs = styled.div`
 
 const JobLogs: React.FC<IProps> = ({ id }) => {
   const job = useResource(JobResource.detailShape(), { id });
+  useSubscription(JobResource.detailShape(), { id });
 
-  if (!job.logs.logLines.length) {
+  if (!job.logs.logLines?.length) {
     return (
       <Logs>
         <FormattedMessage id="sources.emptyLogs" />
       </Logs>
     );
   }
 
-  // now logs always empty. TODO: Test ui with data
   return (
     <Logs>
       {job.logs.logLines.map((item, key) => (