chore: wip

wajeht · Sep 22, 2024 · 84de03c · 84de03c
1 parent 949023d
commit 84de03c
Show file tree

Hide file tree

Showing 7 changed files with 30 additions and 36 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -44,10 +44,9 @@ html,
   -moz-tab-size: 4;
   /* 3 */
   -o-tab-size: 4;
-  tab-size: 4;
+     tab-size: 4;
   /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
-    'Segoe UI Symbol', 'Noto Color Emoji';
+  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   /* 4 */
   font-feature-settings: normal;
   /* 5 */
@@ -90,7 +89,7 @@ Add the correct text decoration in Chrome, Edge, and Safari.
 
 abbr:where([title]) {
   -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
+          text-decoration: underline dotted;
 }
 
 /*
@@ -136,8 +135,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
-    'Courier New', monospace;
+  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   /* 1 */
   font-feature-settings: normal;
   /* 2 */
@@ -380,8 +378,7 @@ textarea {
 2. Set the default placeholder color to the user's configured gray 400 color.
 */
 
-input::-moz-placeholder,
-textarea::-moz-placeholder {
+input::-moz-placeholder, textarea::-moz-placeholder {
   opacity: 1;
   /* 1 */
   color: #9ca3af;
@@ -401,7 +398,7 @@ Set the default cursor for buttons.
 */
 
 button,
-[role='button'] {
+[role="button"] {
   cursor: pointer;
 }
 
@@ -449,9 +446,7 @@ video {
   display: none;
 }
 
-*,
-::before,
-::after {
+*, ::before, ::after {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -655,6 +650,14 @@ video {
   margin-top: 1.75rem !important;
 }
 
+.mt-8 {
+  margin-top: 2rem !important;
+}
+
+.mt-5 {
+  margin-top: 1.25rem !important;
+}
+
 .block {
   display: block !important;
 }
@@ -740,14 +743,12 @@ video {
 }
 
 .transform {
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate))
-    skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x))
-    scaleY(var(--tw-scale-y)) !important;
+  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
 }
 
 @keyframes pulse {
   50% {
-    opacity: 0.5;
+    opacity: .5;
   }
 }
 
@@ -1078,13 +1079,8 @@ video {
 
 .backdrop-blur-sm {
   --tw-backdrop-blur: blur(4px) !important;
-  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness)
-    var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate)
-    var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate)
-    var(--tw-backdrop-sepia) !important;
-  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast)
-    var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert)
-    var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
+  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
+  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia) !important;
 }
 
 * {
@@ -1147,7 +1143,7 @@ html {
 }
 
 .hover\:outline-\[\#1A8755\]:hover {
-  outline-color: #1a8755 !important;
+  outline-color: #1A8755 !important;
 }
 
 .hover\:outline-slate-50:hover {

diff --git a/src/api/auth/auth.services.ts b/src/api/auth/auth.services.ts
@@ -1,7 +1,7 @@
 import axios from 'axios';
 import qs from 'qs';
 
-import { OAUTH } from '../../config/constants';
+import { oauthConfig } from '../../config/constants';
 import logger from '../../utils/logger';
 
 export interface GoogleOauthToken {
@@ -40,9 +40,9 @@ export async function getGoogleOauthToken({ code }: { code: string }): Promise<G
 
   const options = {
     code,
-    client_id: OAUTH.GOOGLE.CLIENT_ID,
-    client_secret: OAUTH.GOOGLE.CLIENT_SECRET,
-    redirect_uri: OAUTH.GOOGLE.OAUTH_REDIRECT_URL,
+    client_id: oauthConfig.google.client_id,
+    client_secret: oauthConfig.google.client_secret,
+    redirect_uri: oauthConfig.google.oauth_redirect_url,
     grant_type: 'authorization_code',
   };
 
@@ -132,8 +132,8 @@ export async function getGithubUser({
 export async function getGithubOauthToken({ code }: { code: string }): Promise<GitHubOauthToken> {
   const rootUrl = 'https://github.com/login/oauth/access_token';
   const options = {
-    client_id: OAUTH.GITHUB.CLIENT_ID,
-    client_secret: OAUTH.GITHUB.CLIENT_SECRET,
+    client_id: oauthConfig.google.client_id,
+    client_secret: oauthConfig.google.client_secret,
     code,
   };
 

diff --git a/src/api/health-check/health-check.controllers.ts b/src/api/health-check/health-check.controllers.ts
@@ -1,7 +1,7 @@
 import { Request, Response } from 'express';
 import { StatusCodes } from 'http-status-codes';
 
-import { X_API_KEY } from '../../config/constants';
+import { appConfig } from '../../config/constants';
 import { getHostName } from '../../utils/helpers';
 import { getAPIStatus } from './health-check.services';
 

diff --git a/src/api/rankings/rankings.services.ts b/src/api/rankings/rankings.services.ts
@@ -3,7 +3,6 @@ import { StatusCodes } from 'http-status-codes';
 
 import Axios from '../../utils/axios';
 import { buildPagination } from '../../utils/helpers';
-// @ts-ignore
 import redis from '../../utils/redis';
 import { getRankType, getRankingsType } from './rankings.validations';
 

diff --git a/src/api/status/status.controllers.ts b/src/api/status/status.controllers.ts
@@ -8,7 +8,6 @@ import { getStatusType } from './status.validations';
 export async function getStatus(req: Request<{}, {}, getStatusType>, res: Response) {
   const status = await StatusServices.getStatus(req.query);
 
-  // @ts-ignore
   logger.info(`user_id: ${req?.user?.id} has called ${req.originalUrl}`);
 
   res.status(StatusCodes.OK).json({

diff --git a/src/views/components/rankings-table.html b/src/views/components/rankings-table.html
@@ -1,4 +1,4 @@
-<div class="fade-in-heading animation-delay-4 mx-auto mt-10 max-w-5xl overflow-x-scroll">
+<div class="fade-in-heading animation-delay-4 mx-auto mt-16 max-w-5xl overflow-x-scroll">
   <table
     class="table-fixed border border-neutral-900"
     style="min-width: 80% !important; padding: 5px"

diff --git a/src/views/pages/home.html b/src/views/pages/home.html
@@ -12,12 +12,12 @@
     </h1>
 
     <p
-      class="fade-in-heading animation-delay-2 mx-auto mt-3 max-w-3xl text-center text-lg text-neutral-600 dark:text-neutral-400"
+      class="fade-in-heading animation-delay-2 mx-auto mt-5 max-w-3xl text-center text-lg text-neutral-600 dark:text-neutral-400"
     >
       An intuitive api for open-powerlifting database.
     </p>
 
-    <div class="fade-in-heading animation-delay-3 mt-6 flex justify-center gap-3">
+    <div class="fade-in-heading animation-delay-3 mt-10 flex justify-center gap-3">
       <a
         class="rounded-sm bg-slate-50 px-3 py-2 font-normal text-black outline outline-slate-50 hover:bg-black hover:text-slate-50 hover:outline hover:outline-slate-50"
         href="/register"