diff --git a/x-pack/legacy/plugins/code/common/commit_utils.test.ts b/x-pack/legacy/plugins/code/common/commit_utils.test.ts
new file mode 100644
index 0000000000000..9deb15e9a26e7
--- /dev/null
+++ b/x-pack/legacy/plugins/code/common/commit_utils.test.ts
@@ -0,0 +1,33 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+import { parseCommitMessage } from './commit_utils';
+
+describe('Commit Utils', () => {
+ describe('parseCommitMessage', () => {
+ it('parses the summary from a commit message', () => {
+ const message = "This is a summary\n\nAnd here's the body";
+ const { summary } = parseCommitMessage(message);
+
+ expect(summary).toEqual('This is a summary');
+ });
+
+ it('parses the body from a commit message', () => {
+ const message = "This is a summary\n\nAnd here's the body";
+ const { body } = parseCommitMessage(message);
+
+ expect(body).toEqual("And here's the body");
+ });
+
+ it('includes the second line as body, if erroneously present', () => {
+ const messageWithSecondLine = 'summary\nsecond\ndescription';
+ const { summary, body } = parseCommitMessage(messageWithSecondLine);
+
+ expect(summary).toEqual('summary');
+ expect(body).toEqual('second\ndescription');
+ });
+ });
+});
diff --git a/x-pack/legacy/plugins/code/common/commit_utils.ts b/x-pack/legacy/plugins/code/common/commit_utils.ts
new file mode 100644
index 0000000000000..4a5a6d9f2da5a
--- /dev/null
+++ b/x-pack/legacy/plugins/code/common/commit_utils.ts
@@ -0,0 +1,14 @@
+/*
+ * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
+ * or more contributor license agreements. Licensed under the Elastic License;
+ * you may not use this file except in compliance with the Elastic License.
+ */
+
+const parseCommitMessage: (message: string) => { summary: string; body: string } = message => {
+ const [summary, ...rest] = message.split('\n');
+ const body = rest.join('\n').trim();
+
+ return { summary, body };
+};
+
+export { parseCommitMessage };
diff --git a/x-pack/legacy/plugins/code/public/components/commits/__snapshots__/commit.test.tsx.snap b/x-pack/legacy/plugins/code/public/components/commits/__snapshots__/commit.test.tsx.snap
new file mode 100644
index 0000000000000..fc4db9ed95bf1
--- /dev/null
+++ b/x-pack/legacy/plugins/code/public/components/commits/__snapshots__/commit.test.tsx.snap
@@ -0,0 +1,235 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Commit component renders correctly for a commit 1`] = `
+
+
+
+
+
+
+
+
+ This is my commit message
+
+
+
+
+
+
+
+
+ Committed on 11/11/2222 by committer
+
+
+
+
+
+
+
+
+
+ This is the description
+
+
+
+
+
+
+
+
+
+ {copy => }
+
+
+ {commitId}
+
+
+
+ );
+};
+
+interface Props {
+ commit: CommitInfo;
+ date: string;
+ repoUri: string;
+ showRepoLink: boolean;
+}
+
+export const Commit = (props: Props) => {
+ const { date, commit, repoUri, showRepoLink } = props;
+ const { message, committer, id } = commit;
+ const { summary, body } = parseCommitMessage(message);
+ const commitId = id.substring(0, COMMIT_ID_LENGTH);
+
+ return (
+
+
+
+
+ {summary}
+
+
+ {showRepoLink && }
+
+
+
+
+
+ {body}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
{commitList}
+
-
- {message}
-
-
-
- {committer} · {date}
-
-
-
-
-
-
- );
-};
-
-const CommitGroup = (props: { commits: CommitInfo[]; date: string; repoUri: string }) => {
- const commitList = props.commits.map(commit => (
-
- ));
- return (
-
-
-
-
-
-
-
-
-
- {' '}
- {}
-
-
-
-
-
-
{commitList}
-
);
-export const PageButtons = (props: {
- loading?: boolean;
- disabled: boolean;
- onClick: () => void;
-}) => (
+const PageButtons = (props: { loading?: boolean; disabled: boolean; onClick: () => void }) => (