Merge pull request #39 from open-source-labs/jocho/siteupdates

feat: launch updates including download links and other misc. changes (e.g., refs from 2023 to 2024)
open-source-labs · Jun 6, 2024 · dced73d · dced73d
2 parents e66beb4 + d6371d8
commit dced73d
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 71 deletions.
diff --git a/assets/createDB.gif b/assets/createDB.gif
diff --git a/components/Dowload.tsx b/components/Dowload.tsx
@@ -3,38 +3,38 @@ export default function Download() {
     window.location.href = OSLink;
   };
   return (
-    <div className="flex flex-row items-center mt-10">
+    <div className='flex flex-row items-center mt-10'>
       <button
         onClick={() =>
           handleDownload(
-            "https://github.com/open-source-labs/SeeQR/releases/download/v13.0.0/SeeQR-13.0.0.dmg"
+            'https://github.com/open-source-labs/SeeQR/releases/download/v14.0.0/SeeQR-14.0.0-arm64.dmg'
           )
         }
-        className="flex items-center rounded-md bg-white shadow-md px-4 py-2 mr-4 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50"
+        className='flex items-center rounded-md bg-white shadow-md px-4 py-2 mr-4 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50'
       >
-        <div className="bg-apple bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2"></div>
+        <div className='bg-apple bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2'></div>
         <span>macOS</span>
       </button>
       <button
         onClick={() =>
           handleDownload(
-            "https://github.com/open-source-labs/SeeQR/releases/download/v13.0.0/SeeQR.13.0.0.Setup.exe"
+            'https://github.com/open-source-labs/SeeQR/releases/download/v14.0.0/SeeQR-Setup-14.0.0.exe'
           )
         }
-        className="flex items-center bg-white shadow-md rounded-md px-4 py-2 mr-4 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50"
+        className='flex items-center bg-white shadow-md rounded-md px-4 py-2 mr-4 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50'
       >
-        <div className="bg-windows bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2"></div>
+        <div className='bg-windows bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2'></div>
         <span>Windows</span>
       </button>
       <button
         onClick={() =>
           handleDownload(
-            "https://github.com/open-source-labs/SeeQR/releases/download/v13.0.0/SeeQR-13.0.0.AppImage"
+            'https://github.com/open-source-labs/SeeQR/releases/download/v14.0.0/SeeQR-14.0.0.AppImage'
           )
         }
-        className="flex items-center bg-white shadow-md rounded-md px-4 py-2 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50"
+        className='flex items-center bg-white shadow-md rounded-md px-4 py-2 bg-gradient-to-r to-green-300 from-green-200 hover:-translate-y-1 transition duration-200 ease-out hover:bg-gradient-to-b hover:from-green-300 hover:to-green-200 hover:shadow-2xl hover:shadow-green-500/50'
       >
-        <div className="bg-linux bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2"></div>
+        <div className='bg-linux bg-contain bg-no-repeat bg-center h-7 w-7 rounded-md mr-2'></div>
         <span>Linux</span>
       </button>
     </div>

diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -1,51 +1,51 @@
-import logo from "../public/1.png";
-import Link from 'next/link'
+import logo from '../public/1.png';
+import Link from 'next/link';
 
 export default function Footer() {
   return (
-    <footer className="bg-transparent rounded-lg shadow m-4">
-      <div className="w-full max-w-screen-xl mx-auto p-4 md:py-8">
-        <div className="sm:flex sm:items-center sm:justify-between">
+    <footer className='bg-transparent rounded-lg shadow m-4'>
+      <div className='w-full max-w-screen-xl mx-auto p-4 md:py-8'>
+        <div className='sm:flex sm:items-center sm:justify-between'>
           <Link
-            href="http://www.seeqrapp.com/"
-            className="flex items-center mb-4 sm:mb-0"
+            href='http://www.seeqrapp.com/'
+            className='flex items-center mb-4 sm:mb-0'
           >
-            <img src={logo.src} className="h-8 mr-3" alt="SeeQR Logo" />
-            <span className="self-center text-2xl font-semibold whitespace-nowrap text-black">
+            <img src={logo.src} className='h-8 mr-3' alt='SeeQR Logo' />
+            <span className='self-center text-2xl font-semibold whitespace-nowrap text-black'>
               SeeQR
             </span>
           </Link>
-          <ul className="flex flex-wrap items-center mb-6 text-sm font-medium text-black sm:mb-0">
+          <ul className='flex flex-wrap items-center mb-6 text-sm font-medium text-black sm:mb-0'>
             <li>
               <Link
-                href="https://github.com/open-source-labs/SeeQR"
-                className="mr-4 hover:underline md:mr-6 text-slate-900"
+                href='https://github.com/open-source-labs/SeeQR'
+                className='mr-4 hover:underline md:mr-6 text-slate-900'
               >
                 Github
               </Link>
             </li>
             <li>
               <Link
-                href="https://medium.com/p/59741756cfcb"
-                className="mr-4 hover:underline md:mr-6 text-slate-900"
+                href='https://medium.com/p/59741756cfcb'
+                className='mr-4 hover:underline md:mr-6 text-slate-900'
               >
                 Blog
               </Link>
             </li>
             <li>
               <Link
-                href="http://www.seeqrapp.com/team"
-                className="hover:underline text-slate-900"
+                href='http://www.seeqrapp.com/team'
+                className='hover:underline text-slate-900'
               >
                 Contact
               </Link>
             </li>
           </ul>
         </div>
-        <hr className="my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8" />
-        <span className="block text-sm text-black sm:text-center">
-          © 2023{" "}
-          <Link href="http://www.seeqrapp.com/" className="hover:underline">
+        <hr className='my-6 border-gray-200 sm:mx-auto dark:border-gray-700 lg:my-8' />
+        <span className='block text-sm text-black sm:text-center'>
+          © 2024{' '}
+          <Link href='http://www.seeqrapp.com/' className='hover:underline'>
             SeeQR
           </Link>
           . All Rights Reserved.

diff --git a/components/FooterTest.cy.tsx b/components/FooterTest.cy.tsx
@@ -2,32 +2,41 @@ import React from 'react';
 import Footer from './Footer';
 
 describe('<Footer/>', () => {
-    beforeEach(() => {
-        cy.mount(<Footer />);
-      });
-      it('should display the logo', () => {
-        cy.get('img[alt="SeeQR Logo"]').should('be.visible');
-      });
-
-      it('should link to the correct homepage', () => {
-        cy.get('a[href="http://seeqrapp.com/"]').should('have.length', 2);
-      });
-
-      it('should have Github link leading to the correct URL', () => {
-        cy.get('a[href="https://github.com/open-source-labs/SeeQR"]').should('contain', 'Github');
-      });
-
-      it('should have Blog link leading to the correct URL', () => {
-        cy.get('a[href="https://medium.com/p/59741756cfcb"]').should('contain', 'Blog');
-      });
-
-      it('should have Contact link leading to the correct URL', () => {
-        cy.get('a[href="http://www.seeqrapp.com/team"]').should('contain', 'Contact');
-      });
-
-      it('should display the copyright message', () => {
-        cy.get('span')
-          .contains('© 2023 SeeQR. All Rights Reserved.')
-          .should('be.visible');
-      });
-});
+  beforeEach(() => {
+    cy.mount(<Footer />);
+  });
+  it('should display the logo', () => {
+    cy.get('img[alt="SeeQR Logo"]').should('be.visible');
+  });
+
+  it('should link to the correct homepage', () => {
+    cy.get('a[href="http://seeqrapp.com/"]').should('have.length', 2);
+  });
+
+  it('should have Github link leading to the correct URL', () => {
+    cy.get('a[href="https://github.com/open-source-labs/SeeQR"]').should(
+      'contain',
+      'Github'
+    );
+  });
+
+  it('should have Blog link leading to the correct URL', () => {
+    cy.get('a[href="https://medium.com/p/59741756cfcb"]').should(
+      'contain',
+      'Blog'
+    );
+  });
+
+  it('should have Contact link leading to the correct URL', () => {
+    cy.get('a[href="http://www.seeqrapp.com/team"]').should(
+      'contain',
+      'Contact'
+    );
+  });
+
+  it('should display the copyright message', () => {
+    cy.get('span')
+      .contains('© 2024 SeeQR. All Rights Reserved.')
+      .should('be.visible');
+  });
+});
diff --git a/components/MainComponents/MainHeading.tsx b/components/MainComponents/MainHeading.tsx
@@ -1,31 +1,31 @@
-import authGif from "../../assets/SeeQRLogin.gif";
-import Download from "../Dowload";
+import authGif from '../../assets/SeeQRLogin.gif';
+import Download from '../Dowload';
 
 export default function MainHeading() {
   return (
-    <div className="mx-10 h-screen mt-20 pb-20 border-b-4 flex flex-col lg:flex-row justify-center items-center lg:items-center">
-      <div className="lg:mr-8 max-w-lg">
-        <div className="flex flex-col justify-center items-center  pb-10">
-          <h2 className="pb-5 text-4xl lg:text-5xl">
+    <div className='mx-10 h-screen mt-20 pb-20 border-b-4 flex flex-col lg:flex-row justify-center items-center lg:items-center'>
+      <div className='lg:mr-8 max-w-lg'>
+        <div className='flex flex-col justify-center items-center  pb-10'>
+          <h2 className='pb-5 text-4xl lg:text-5xl'>
             <strong>
-              Make Database Management{" "}
-              <span className="text-5xl block bg-clip-text text-emerald-500">
+              Make Database Management{' '}
+              <span className='text-5xl block bg-clip-text text-emerald-500'>
                 Easier
               </span>
             </strong>
           </h2>
-          <h4 className="text-1xl lg:text-2xl font-extralight text-center lg:text-left">
+          <h4 className='text-1xl lg:text-2xl font-extralight text-center lg:text-left'>
             A user-friendly, entirely open-source platform for SQL database
             administration and query performance testing.
           </h4>
           <Download />
         </div>
       </div>
-      <div className="grow max-w-2xl">
+      <div className='grow max-w-2xl'>
         <img
           src={authGif.src}
-          alt="Authenticating database credentials"
-          className="max-w-full rounded-xl"
+          alt='Authenticating database credentials'
+          className='max-w-full rounded-xl'
         />
       </div>
     </div>