<td>
<Tooltip overlay={project.slug}>
<strong className="project-name display-inline-block text-ellipsis">
- {project.name}
+ {project.sqProjectKey ? (
+ <Link to={getProjectUrl(project.sqProjectKey)}>
+ <QualifierIcon
+ className="spacer-right"
+ qualifier={ComponentQualifier.Project}
+ />
+ {project.sqProjectName}
+ </Link>
+ ) : (
+ project.name
+ )}
</strong>
</Tooltip>
<br />
</a>
</td>
{project.sqProjectKey ? (
- <>
- <td>
- <span className="display-flex-center display-flex-justify-end already-set-up">
- <CheckIcon className="little-spacer-right" size={12} />
- {translate('onboarding.create_project.repository_imported')}:
- </span>
- </td>
- <td>
- <div className="sq-project-link text-ellipsis">
- <Link to={getProjectUrl(project.sqProjectKey)}>
- <QualifierIcon
- className="spacer-right"
- qualifier={ComponentQualifier.Project}
- />
- {project.sqProjectName}
- </Link>
- </div>
- </td>
- </>
+ <td>
+ <span className="display-flex-center display-flex-justify-end already-set-up">
+ <CheckIcon className="little-spacer-right" size={12} />
+ {translate('onboarding.create_project.repository_imported')}
+ </span>
+ </td>
) : (
- <td colSpan={2} className="text-right">
+ <td className="text-right">
<Button
disabled={!!importingGitlabProjectId}
onClick={() => props.onImport(project.id)}>
</td>
<td
className="text-right"
- colSpan={2}
>
<Button
disabled={true}
<strong
className="project-name display-inline-block text-ellipsis"
>
- Awesome Project !
+ <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/dashboard",
+ "query": Object {
+ "branch": undefined,
+ "id": "already-imported",
+ },
+ }
+ }
+ >
+ <QualifierIcon
+ className="spacer-right"
+ qualifier="TRK"
+ />
+ Already Imported
+ </Link>
</strong>
</Tooltip>
<br />
size={12}
/>
onboarding.create_project.repository_imported
- :
</span>
</td>
- <td>
- <div
- className="sq-project-link text-ellipsis"
- >
- <Link
- onlyActiveOnIndex={false}
- style={Object {}}
- to={
- Object {
- "pathname": "/dashboard",
- "query": Object {
- "branch": undefined,
- "id": "already-imported",
- },
- }
- }
- >
- <QualifierIcon
- className="spacer-right"
- qualifier="TRK"
- />
- Already Imported
- </Link>
- </div>
- </td>
</tr>
</tbody>
</table>
</td>
<td
className="text-right"
- colSpan={2}
>
<Button
disabled={false}
<strong
className="project-name display-inline-block text-ellipsis"
>
- Awesome Project !
+ <Link
+ onlyActiveOnIndex={false}
+ style={Object {}}
+ to={
+ Object {
+ "pathname": "/dashboard",
+ "query": Object {
+ "branch": undefined,
+ "id": "already-imported",
+ },
+ }
+ }
+ >
+ <QualifierIcon
+ className="spacer-right"
+ qualifier="TRK"
+ />
+ Already Imported
+ </Link>
</strong>
</Tooltip>
<br />
size={12}
/>
onboarding.create_project.repository_imported
- :
</span>
</td>
- <td>
- <div
- className="sq-project-link text-ellipsis"
- >
- <Link
- onlyActiveOnIndex={false}
- style={Object {}}
- to={
- Object {
- "pathname": "/dashboard",
- "query": Object {
- "branch": undefined,
- "id": "already-imported",
- },
- }
- }
- >
- <QualifierIcon
- className="spacer-right"
- qualifier="TRK"
- />
- Already Imported
- </Link>
- </div>
- </td>
</tr>
</tbody>
</table>