Format components/dashboard with prettier

Author: easyCZ

components/dashboard/cypress/integration/app.spec.ts

@@ -1,36 +1,45 @@
-import { projectsPathMain } from '../../src/projects/projects.routes';
-import { settingsPathAccount } from '../../src/settings/settings.routes';
-import { workspacesPathMain } from '../../src/workspaces/workspaces.routes';
+import { projectsPathMain } from "../../src/projects/projects.routes";
+import { settingsPathAccount } from "../../src/settings/settings.routes";
+import { workspacesPathMain } from "../../src/workspaces/workspaces.routes";
 
-describe('The app', () => {
-  before(() => {
-    cy.visit('/');
-  })
+describe("The app", () => {
+    before(() => {
+        cy.visit("/");
+    });
 
-  it('should load and start from the Workspaces page', () => {
-    cy.location("pathname").should("eq", workspacesPathMain);
+    it("should load and start from the Workspaces page", () => {
+        cy.location("pathname").should("eq", workspacesPathMain);
 
-    cy.findByRole('heading', { name: /Workspaces/i, level: 1 }).should('exist');
+        cy.findByRole("heading", { name: /Workspaces/i, level: 1 }).should("exist");
 
-    cy.findAllByRole('navigation').last().as('sections').findAllByRole('link').should('have.length', 3);
+        cy.findAllByRole("navigation").last().as("sections").findAllByRole("link").should("have.length", 3);
 
-    cy.get("@sections").findByText(/Workspaces/i).as('workspacesTab').should('exist');
-    cy.get('@sections').findByText(/Projects/i).as('projectsTab').should('exist');
-    cy.get("@sections").findByText(/Settings/i).as('settingsTab').should('exist');
+        cy.get("@sections")
+            .findByText(/Workspaces/i)
+            .as("workspacesTab")
+            .should("exist");
+        cy.get("@sections")
+            .findByText(/Projects/i)
+            .as("projectsTab")
+            .should("exist");
+        cy.get("@sections")
+            .findByText(/Settings/i)
+            .as("settingsTab")
+            .should("exist");
 
-    cy.get('@projectsTab').click();
-    cy.location('pathname').should('eq', projectsPathMain);
+        cy.get("@projectsTab").click();
+        cy.location("pathname").should("eq", projectsPathMain);
 
-    cy.get('@settingsTab').click();
-    cy.location('pathname').should('eq', settingsPathAccount);
+        cy.get("@settingsTab").click();
+        cy.location("pathname").should("eq", settingsPathAccount);
 
-    cy.get('@workspacesTab').click();
-    cy.location('pathname').should('eq', workspacesPathMain);
+        cy.get("@workspacesTab").click();
+        cy.location("pathname").should("eq", workspacesPathMain);
 
-    // TODO complete checks about the general layout of the app.
-    // The "Workspaces" page will have its own spec file.
-  })
-})
+        // TODO complete checks about the general layout of the app.
+        // The "Workspaces" page will have its own spec file.
+    });
+});
 
 // This empty export is due to `"isolatedModules": true` in the main `tsconfig.json` 🤷🏻
-export {}
+export {};

components/dashboard/src/App.test.ts

@@ -4,15 +4,15 @@
  * See License-AGPL.txt in the project root for license information.
  */
 
-import { getURLHash } from './App'
+import { getURLHash } from "./App";
 
-test('urlHash', () => {
+test("urlHash", () => {
     global.window = Object.create(window);
-    Object.defineProperty(window, 'location', {
+    Object.defineProperty(window, "location", {
         value: {
-            hash: '#https://example.org/user/repo'
-        }
+            hash: "#https://example.org/user/repo",
+        },
     });
 
-    expect(getURLHash()).toBe('https://example.org/user/repo');
-});
+    expect(getURLHash()).toBe("https://example.org/user/repo");
+});

components/dashboard/src/App.tsx

@@ -9,7 +9,7 @@ import { Link } from "react-router-dom";
 export default function FromReferrer() {
     const contextUrl = document.referrer;
 
-    if (contextUrl && contextUrl !== '' && new URL(contextUrl).pathname !== '/') {
+    if (contextUrl && contextUrl !== "" && new URL(contextUrl).pathname !== "/") {
         // Redirect to gitpod.io/#<contextUrl> to get the same experience as with direct call
         const url = new URL(window.location.toString());
         url.pathname = "/";
@@ -18,21 +18,30 @@ export default function FromReferrer() {
         return <div></div>;
     }
 
-    return <div className="app-container flex flex-col space-y-2">
-        <div className="px-6 py-3 flex justify-between space-x-2 text-gray-400 h-96">
-            <div className="flex flex-col items-center w-96 m-auto mt-40">
-                <h3 className="text-center pb-3 text-gray-500 dark:text-gray-400">No Referrer Found</h3>
-                <div className="text-center pb-6 text-gray-500">
-                    <p>
-                        It looks like you are trying to open a workspace, but the referrer URL is empty or has an incomplete path.
-                        This happens when the Git hoster or browser doesn't send the referrer header.
-                        <br/> Please prefix the repository URL with <pre>https://{window.location.host}/#</pre> in order to start a workspace. <a className="gp-link" href="https://www.gitpod.io/docs/getting-started/">Learn more</a>
-                    </p>
+    return (
+        <div className="app-container flex flex-col space-y-2">
+            <div className="px-6 py-3 flex justify-between space-x-2 text-gray-400 h-96">
+                <div className="flex flex-col items-center w-96 m-auto mt-40">
+                    <h3 className="text-center pb-3 text-gray-500 dark:text-gray-400">No Referrer Found</h3>
+                    <div className="text-center pb-6 text-gray-500">
+                        <p>
+                            It looks like you are trying to open a workspace, but the referrer URL is empty or has an
+                            incomplete path. This happens when the Git hoster or browser doesn't send the referrer
+                            header.
+                            <br /> Please prefix the repository URL with <pre>https://{window.location.host}/#</pre> in
+                            order to start a workspace.{" "}
+                            <a className="gp-link" href="https://www.gitpod.io/docs/getting-started/">
+                                Learn more
+                            </a>
+                        </p>
+                    </div>
+                    <span>
+                        <Link to="/">
+                            <button className="secondary">Go to Dashboard</button>
+                        </Link>
+                    </span>
                 </div>
-                <span>
-                    <Link to="/"><button className="secondary">Go to Dashboard</button></Link>
-                </span>
             </div>
         </div>
-    </div>;
+    );
 }