Release 1.1

Release 1.1

.github/workflows/codeql.yml

@@ -1,54 +1,34 @@
-# For most projects, this workflow file will not need changing; you simply need
-# to commit it to your repository.
-#
-# You may wish to alter this file to override the set of languages analyzed,
-# or to provide custom queries or build logic.
-#
-# ******** NOTE ********
-# We have attempted to detect the languages in your repository. Please check
-# the `language` matrix defined below to confirm you have the correct set of
-# supported CodeQL languages.
-#
 name: "CodeQL"
 
 on:
   push:
     branches: [ "main", "develop" ]
   pull_request:
     branches: [ "main", "develop" ]
-  schedule:
-    - cron: '0 0 * * 0'
 
 jobs:
   analyze:
     name: Analyze Code Base
-    runs-on: ${{ (matrix.language == 'swift' && 'macos-latest') || 'ubuntu-latest' }}
-    timeout-minutes: ${{ (matrix.language == 'swift' && 120) || 360 }}
+    runs-on: ubuntu-latest
+    timeout-minutes: 360
     permissions:
       actions: read
       contents: read
       security-events: write
 
     strategy:
-      fail-fast: false
+      fail-fast: true
       matrix:
         language: [ 'javascript' ]
 
     steps:
     - name: Checkout repository
       uses: actions/checkout@v3
 
-    # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
       uses: github/codeql-action/init@v2
       with:
         languages: ${{ matrix.language }}
-        # If you wish to specify custom queries, you can do so here or in a config file.
-        # By default, queries listed here will override any specified in a config file.
-        # Prefix the list here with "+" to use these queries and those in the config file.
-
-        # For more details on CodeQL's query packs, refer to: https://docs.github.com/en/code-security/code-scanning/automatically-scanning-your-code-for-vulnerabilities-and-errors/configuring-code-scanning#using-queries-in-ql-packs
-        # queries: security-extended,security-and-quality
 
     - name: Perform CodeQL Analysis
       uses: github/codeql-action/analyze@v2

package.json

@@ -16,21 +16,24 @@
     "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^29.5.3",
     "@types/node": "^20.4.2",
-    "@types/react-dom": "^18.2.4",
+    "@types/react-dom": "^18.2.7",
+    "axios": "^1.6.5",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.10.1",
-    "react-router-dom": "^6.14.1",
+    "react-router-dom": "^6.14.2",
     "react-scripts": "^5.0.1",
     "typescript": "^4.9.5",
     "web-vitals": "^3.4.0"
   },
   "devDependencies": {
-    "@tailwindcss/forms": "^0.5.3",
+    "@tailwindcss/forms": "^0.5.4",
     "@types/aos": "^3.0.4",
+    "@types/bootstrap": "^5.2.6",
     "@types/react": "^18.2.14",
+    "@types/react-bootstrap": "^0.32.32",
     "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.26",
+    "postcss": "^8.4.27",
     "postcss-cli": "^10.1.0",
     "postcss-import": "^15.1.0",
     "tailwindcss": "^3.3.2"

src/App.tsx

@@ -1,32 +1,19 @@
-import React, {useState} from 'react';
+import React from 'react';
 import './App.css'
-import {
-    BrowserRouter,
-} from 'react-router-dom';
-import {
-    Router,
-    SideBar
-} from './components';
+import {BrowserRouter} from 'react-router-dom';
+import {Router, SideBar} from './components';
 
 function App() {
 
-    const [darkMode, setDarkMode] = useState(true)
-
-    const toggleDarkMode = () => {
-        setDarkMode(!darkMode)
-        console.log(darkMode)
-    }
-
     return (
-        <>
-            <BrowserRouter>
-                <SideBar
-                    darkMode={darkMode}
-                    toggleDarkMode={toggleDarkMode}
-                />
-                <Router/>
-            </BrowserRouter>
-        </>
+        <BrowserRouter>
+            <div className="flex flex-row bg-neutral-primary dark:bg-light-neutral-primary">
+                <SideBar/>
+                <div className="ml-16">
+                    <Router/>
+                </div>
+            </div>
+        </BrowserRouter>
     );
 }
 

src/components/common/Button.tsx

@@ -0,0 +1,18 @@
+import React from 'react'
+
+interface ButtonProps {
+    url: string,
+    openInNewTab: boolean
+    text: string,
+}
+
+export const Button = ({ url, openInNewTab, text }: ButtonProps) => {
+
+    return(
+        <a href={url} target={openInNewTab ? '_blank' : ''} className="transform transition-transform duration-300 hover:scale-105">
+            <div className="bg-primary rounded-2xl h-8 dark:bg-light-primary transition-colors duration-300 hover:bg-opacity-80">
+                <p className="text-center text-white">{text}</p>
+            </div>
+        </a>
+    )
+}

src/components/common/CheckEnvironment.tsx

@@ -1,4 +1,3 @@
-
 interface CheckEnvironmentProps {
     component: Object
 }

src/components/common/index.js

@@ -1,2 +1,2 @@
-export * from './ToggleSwitch'
+export * from './Button'
 export * from './CheckEnvironment'