From b6561b74f5af00f32316f6489deda38bcba9f6a2 Mon Sep 17 00:00:00 2001 From: rinas Date: Mon, 14 Oct 2024 21:07:20 +0530 Subject: [PATCH] Updated various components and styles for the blog website --- backend/package-lock.json | 172 ++++++- client/package-lock.json | 151 +++++-- client/src/App.css | 49 +- client/src/components/Navbar.js | 4 +- client/src/components/footer/Footer.js | 4 +- client/src/components/footer/footer.css | 91 ++-- .../src/components/home/breaker/breaker.css | 3 - client/src/components/home/card/card.css | 52 ++- client/src/components/home/post/PostCard.js | 19 +- client/src/components/home/post/post.css | 424 +++--------------- client/src/components/profile/UserProfile.js | 6 +- client/src/routes/LoggedInRoutes.js | 4 +- 12 files changed, 437 insertions(+), 542 deletions(-) diff --git a/backend/package-lock.json b/backend/package-lock.json index f1be314..38d6d38 100644 --- a/backend/package-lock.json +++ b/backend/package-lock.json @@ -966,15 +966,33 @@ } }, "node_modules/gcp-metadata": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz", - "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-5.3.0.tgz", + "integrity": "sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==", + "optional": true, + "peer": true, "dependencies": { - "gaxios": "^6.0.0", + "gaxios": "^5.0.0", "json-bigint": "^1.0.0" }, "engines": { - "node": ">=14" + "node": ">=12" + } + }, + "node_modules/gcp-metadata/node_modules/gaxios": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-5.1.3.tgz", + "integrity": "sha512-95hVgBRgEIRQQQHIbnxBXeHbW4TqFk4ZDJW7wmVtvYar72FdhRIo1UGOLS2eRAKCPEdPBWu+M7+A33D9CdX9rA==", + "optional": true, + "peer": true, + "dependencies": { + "extend": "^3.0.2", + "https-proxy-agent": "^5.0.0", + "is-stream": "^2.0.0", + "node-fetch": "^2.6.9" + }, + "engines": { + "node": ">=12" } }, "node_modules/get-intrinsic": { @@ -1041,6 +1059,18 @@ "node": ">=14" } }, + "node_modules/google-auth-library/node_modules/gcp-metadata": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz", + "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==", + "dependencies": { + "gaxios": "^6.0.0", + "json-bigint": "^1.0.0" + }, + "engines": { + "node": ">=14" + } + }, "node_modules/google-auth-library/node_modules/jwa": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz", @@ -1307,6 +1337,12 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "peer": true + }, "node_modules/json-bigint": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz", @@ -1440,6 +1476,18 @@ "resolved": "https://registry.npmjs.org/lodash.set/-/lodash.set-4.3.2.tgz", "integrity": "sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==" }, + "node_modules/loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "peer": true, + "dependencies": { + "js-tokens": "^3.0.0 || ^4.0.0" + }, + "bin": { + "loose-envify": "cli.js" + } + }, "node_modules/lru-cache": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", @@ -2162,6 +2210,31 @@ "node": ">= 0.8" } }, + "node_modules/react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0" + }, + "engines": { + "node": ">=0.10.0" + } + }, + "node_modules/react-dom": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.2" + }, + "peerDependencies": { + "react": "^18.3.1" + } + }, "node_modules/readable-stream": { "version": "3.6.2", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", @@ -2224,6 +2297,15 @@ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, + "node_modules/scheduler": { + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0" + } + }, "node_modules/semver": { "version": "7.5.4", "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", @@ -2627,7 +2709,8 @@ "@react-oauth/google": { "version": "0.12.1", "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.12.1.tgz", - "integrity": "sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==" + "integrity": "sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==", + "requires": {} }, "@types/webidl-conversions": { "version": "7.0.3", @@ -3304,12 +3387,29 @@ } }, "gcp-metadata": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz", - "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-5.3.0.tgz", + "integrity": "sha512-FNTkdNEnBdlqF2oatizolQqNANMrcqJt6AAYt99B3y1aLLC8Hc5IOBb+ZnnzllodEEf6xMBp6wRcBbc16fa65w==", + "optional": true, + "peer": true, "requires": { - "gaxios": "^6.0.0", + "gaxios": "^5.0.0", "json-bigint": "^1.0.0" + }, + "dependencies": { + "gaxios": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/gaxios/-/gaxios-5.1.3.tgz", + "integrity": "sha512-95hVgBRgEIRQQQHIbnxBXeHbW4TqFk4ZDJW7wmVtvYar72FdhRIo1UGOLS2eRAKCPEdPBWu+M7+A33D9CdX9rA==", + "optional": true, + "peer": true, + "requires": { + "extend": "^3.0.2", + "https-proxy-agent": "^5.0.0", + "is-stream": "^2.0.0", + "node-fetch": "^2.6.9" + } + } } }, "get-intrinsic": { @@ -3358,6 +3458,15 @@ "jws": "^4.0.0" }, "dependencies": { + "gcp-metadata": { + "version": "6.1.0", + "resolved": "https://registry.npmjs.org/gcp-metadata/-/gcp-metadata-6.1.0.tgz", + "integrity": "sha512-Jh/AIwwgaxan+7ZUUmRLCjtchyDiqh4KjBJ5tW3plBZb5iL/BPcso8A5DlzeD9qlw0duCamnNdpFjxwaT0KyKg==", + "requires": { + "gaxios": "^6.0.0", + "json-bigint": "^1.0.0" + } + }, "jwa": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/jwa/-/jwa-2.0.0.tgz", @@ -3562,6 +3671,12 @@ "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-2.0.1.tgz", "integrity": "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==" }, + "js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "peer": true + }, "json-bigint": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-bigint/-/json-bigint-1.0.0.tgz", @@ -3684,6 +3799,15 @@ "resolved": "https://registry.npmjs.org/lodash.set/-/lodash.set-4.3.2.tgz", "integrity": "sha512-4hNPN5jlm/N/HLMCO43v8BXKq9Z7QdAGc/VGrRD61w8gN9g/6jF9A4L1pbUgBLCffi0w9VsXfTOij5x8iTyFvg==" }, + "loose-envify": { + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz", + "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==", + "peer": true, + "requires": { + "js-tokens": "^3.0.0 || ^4.0.0" + } + }, "lru-cache": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz", @@ -4163,6 +4287,25 @@ "unpipe": "1.0.0" } }, + "react": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz", + "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==", + "peer": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, + "react-dom": { + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz", + "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==", + "peer": true, + "requires": { + "loose-envify": "^1.1.0", + "scheduler": "^0.23.2" + } + }, "readable-stream": { "version": "3.6.2", "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.2.tgz", @@ -4199,6 +4342,15 @@ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, + "scheduler": { + "version": "0.23.2", + "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz", + "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==", + "peer": true, + "requires": { + "loose-envify": "^1.1.0" + } + }, "semver": { "version": "7.5.4", "resolved": "https://registry.npmjs.org/semver/-/semver-7.5.4.tgz", diff --git a/client/package-lock.json b/client/package-lock.json index 23d8877..4758347 100644 --- a/client/package-lock.json +++ b/client/package-lock.json @@ -16923,6 +16923,19 @@ "is-typedarray": "^1.0.0" } }, + "node_modules/typescript": { + "version": "4.9.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "peer": true, + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=4.2.0" + } + }, "node_modules/unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", @@ -18509,7 +18522,8 @@ "@babel/plugin-proposal-private-property-in-object": { "version": "7.21.0-placeholder-for-preset-env.2", "resolved": "https://registry.npmjs.org/@babel/plugin-proposal-private-property-in-object/-/plugin-proposal-private-property-in-object-7.21.0-placeholder-for-preset-env.2.tgz", - "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==" + "integrity": "sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==", + "requires": {} }, "@babel/plugin-syntax-async-generators": { "version": "7.8.4", @@ -19522,12 +19536,14 @@ "@csstools/postcss-unset-value": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/@csstools/postcss-unset-value/-/postcss-unset-value-1.0.2.tgz", - "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==" + "integrity": "sha512-c8J4roPBILnelAsdLr4XOAR/GsTm0GJi4XpcfvoWk3U6KiTCqiFYc63KhRMQQX35jYMp4Ao8Ij9+IZRgMfJp1g==", + "requires": {} }, "@csstools/selector-specificity": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/@csstools/selector-specificity/-/selector-specificity-2.2.0.tgz", - "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==" + "integrity": "sha512-+OJ9konv95ClSTOJCmMZqpd5+YGsB2S+x6w3E1oaM8UuR5j8nTNHYSz8c9BEPGDOCMQYIEEGlVPj/VY64iTbGw==", + "requires": {} }, "@eslint-community/eslint-utils": { "version": "4.4.0", @@ -19991,7 +20007,8 @@ "@react-oauth/google": { "version": "0.12.1", "resolved": "https://registry.npmjs.org/@react-oauth/google/-/google-0.12.1.tgz", - "integrity": "sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==" + "integrity": "sha512-qagsy22t+7UdkYAiT5ZhfM4StXi9PPNvw0zuwNmabrWyMKddczMtBIOARflbaIj+wHiQjnMAsZmzsUYuXeyoSg==", + "requires": {} }, "@redux-devtools/extension": { "version": "3.3.0", @@ -20326,7 +20343,8 @@ "@testing-library/user-event": { "version": "14.5.2", "resolved": "https://registry.npmjs.org/@testing-library/user-event/-/user-event-14.5.2.tgz", - "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==" + "integrity": "sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==", + "requires": {} }, "@tootallnate/once": { "version": "1.1.2", @@ -20988,12 +21006,14 @@ "acorn-import-assertions": { "version": "1.9.0", "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz", - "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==" + "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==", + "requires": {} }, "acorn-jsx": { "version": "5.3.2", "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz", - "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==" + "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==", + "requires": {} }, "acorn-walk": { "version": "7.2.0", @@ -21386,7 +21406,8 @@ "ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==" + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "requires": {} }, "json-schema-traverse": { "version": "0.4.1", @@ -21441,7 +21462,8 @@ "babel-plugin-named-asset-import": { "version": "0.3.8", "resolved": "https://registry.npmjs.org/babel-plugin-named-asset-import/-/babel-plugin-named-asset-import-0.3.8.tgz", - "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==" + "integrity": "sha512-WXiAc++qo7XcJ1ZnTYGtLxmBCVbddAml3CEXgWaBzNzLNoxtQ8AiGEFDMOhot9XjTCQbvP5E77Fj9Gk924f00Q==", + "requires": {} }, "babel-plugin-polyfill-corejs2": { "version": "0.4.7", @@ -22061,7 +22083,8 @@ "css-declaration-sorter": { "version": "6.4.1", "resolved": "https://registry.npmjs.org/css-declaration-sorter/-/css-declaration-sorter-6.4.1.tgz", - "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==" + "integrity": "sha512-rtdthzxKuyq6IzqX6jEcIzQF/YqccluefyCYheovBOLhFT/drQA9zj/UbRAa9J7C0o6EG6u3E6g+vKkay7/k3g==", + "requires": {} }, "css-has-pseudo": { "version": "3.0.4", @@ -22142,7 +22165,8 @@ "css-prefers-color-scheme": { "version": "6.0.3", "resolved": "https://registry.npmjs.org/css-prefers-color-scheme/-/css-prefers-color-scheme-6.0.3.tgz", - "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==" + "integrity": "sha512-4BqMbZksRkJQx2zAjrokiGMd07RqOa2IxIrrN10lyBe9xhn9DEvjUK79J6jkeiv9D9hQFXKb6g1jwU62jziJZA==", + "requires": {} }, "css-select": { "version": "4.3.0", @@ -22246,7 +22270,8 @@ "cssnano-utils": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/cssnano-utils/-/cssnano-utils-3.1.0.tgz", - "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==" + "integrity": "sha512-JQNR19/YZhz4psLX/rQ9M83e3z2Wf/HdJbryzte4a3NSuafyp9w/I4U+hx5C2S9g41qlstH7DEWnZaaj83OuEA==", + "requires": {} }, "csso": { "version": "4.2.0", @@ -23133,7 +23158,8 @@ "eslint-plugin-react-hooks": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.0.tgz", - "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==" + "integrity": "sha512-oFc7Itz9Qxh2x4gNHStv3BqJq54ExXmfC+a1NjAta66IAN87Wu0R/QArgIS9qKzX3dXKPI9H5crl9QchNMY9+g==", + "requires": {} }, "eslint-plugin-testing-library": { "version": "5.11.1", @@ -23601,7 +23627,8 @@ "ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==" + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "requires": {} }, "ansi-styles": { "version": "4.3.0", @@ -23891,7 +23918,8 @@ "goober": { "version": "2.1.13", "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.13.tgz", - "integrity": "sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ==" + "integrity": "sha512-jFj3BQeleOoy7t93E9rZ2de+ScC4lQICLwiAQmKMg9F6roKGaLSHoCDYKkWlSafg138jejvq/mTdvmnwDQgqoQ==", + "requires": {} }, "gopd": { "version": "1.0.1", @@ -24182,7 +24210,8 @@ "icss-utils": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/icss-utils/-/icss-utils-5.1.0.tgz", - "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==" + "integrity": "sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==", + "requires": {} }, "idb": { "version": "7.1.1", @@ -25160,7 +25189,8 @@ "jest-pnp-resolver": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/jest-pnp-resolver/-/jest-pnp-resolver-1.2.3.tgz", - "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==" + "integrity": "sha512-+3NpwQEnRoIBtx4fyhblQDPgJI0H1IEIkX7ShLUjPGA7TtUTvI1oiKi3SR4oBR0hQhQR80l4WAe5RrXBwWMA8w==", + "requires": {} }, "jest-regex-util": { "version": "27.5.1", @@ -26406,7 +26436,8 @@ "postcss-browser-comments": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/postcss-browser-comments/-/postcss-browser-comments-4.0.0.tgz", - "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==" + "integrity": "sha512-X9X9/WN3KIvY9+hNERUqX9gncsgBA25XaeR+jshHz2j8+sYyHktHw1JdKuMjeLpGktXidqDhA7b/qm1mrBDmgg==", + "requires": {} }, "postcss-calc": { "version": "8.2.4", @@ -26504,22 +26535,26 @@ "postcss-discard-comments": { "version": "5.1.2", "resolved": "https://registry.npmjs.org/postcss-discard-comments/-/postcss-discard-comments-5.1.2.tgz", - "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==" + "integrity": "sha512-+L8208OVbHVF2UQf1iDmRcbdjJkuBF6IS29yBDSiWUIzpYaAhtNl6JYnYm12FnkeCwQqF5LeklOu6rAqgfBZqQ==", + "requires": {} }, "postcss-discard-duplicates": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/postcss-discard-duplicates/-/postcss-discard-duplicates-5.1.0.tgz", - "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==" + "integrity": "sha512-zmX3IoSI2aoenxHV6C7plngHWWhUOV3sP1T8y2ifzxzbtnuhk1EdPwm0S1bIUNaJ2eNbWeGLEwzw8huPD67aQw==", + "requires": {} }, "postcss-discard-empty": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/postcss-discard-empty/-/postcss-discard-empty-5.1.1.tgz", - "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==" + "integrity": "sha512-zPz4WljiSuLWsI0ir4Mcnr4qQQ5e1Ukc3i7UfE2XcrwKK2LIPIqE5jxMRxO6GbI3cv//ztXDsXwEWT3BHOGh3A==", + "requires": {} }, "postcss-discard-overridden": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/postcss-discard-overridden/-/postcss-discard-overridden-5.1.0.tgz", - "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==" + "integrity": "sha512-21nOL7RqWR1kasIVdKs8HNqQJhFxLsyRfAnUDm4Fe4t4mCWL9OJiHvlHPjcd8zc5Myu89b/7wZDnOSjFgeWRtw==", + "requires": {} }, "postcss-double-position-gradients": { "version": "3.1.2", @@ -26541,7 +26576,8 @@ "postcss-flexbugs-fixes": { "version": "5.0.2", "resolved": "https://registry.npmjs.org/postcss-flexbugs-fixes/-/postcss-flexbugs-fixes-5.0.2.tgz", - "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==" + "integrity": "sha512-18f9voByak7bTktR2QgDveglpn9DTbBWPUzSOe9g0N4WR/2eSt6Vrcbf0hmspvMI6YWGywz6B9f7jzpFNJJgnQ==", + "requires": {} }, "postcss-focus-visible": { "version": "6.0.4", @@ -26562,12 +26598,14 @@ "postcss-font-variant": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/postcss-font-variant/-/postcss-font-variant-5.0.0.tgz", - "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==" + "integrity": "sha512-1fmkBaCALD72CK2a9i468mA/+tr9/1cBxRRMXOUaZqO43oWPR5imcyPjXwuv7PXbCid4ndlP5zWhidQVVa3hmA==", + "requires": {} }, "postcss-gap-properties": { "version": "3.0.5", "resolved": "https://registry.npmjs.org/postcss-gap-properties/-/postcss-gap-properties-3.0.5.tgz", - "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==" + "integrity": "sha512-IuE6gKSdoUNcvkGIqdtjtcMtZIFyXZhmFd5RUlg97iVEvp1BZKV5ngsAjCjrVy+14uhGBQl9tzmi1Qwq4kqVOg==", + "requires": {} }, "postcss-image-set-function": { "version": "4.0.7", @@ -26590,7 +26628,8 @@ "postcss-initial": { "version": "4.0.1", "resolved": "https://registry.npmjs.org/postcss-initial/-/postcss-initial-4.0.1.tgz", - "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==" + "integrity": "sha512-0ueD7rPqX8Pn1xJIjay0AZeIuDoF+V+VvMt/uOnn+4ezUKhZM/NokDeP6DwMNyIoYByuN/94IQnt5FEkaN59xQ==", + "requires": {} }, "postcss-js": { "version": "4.0.1", @@ -26643,12 +26682,14 @@ "postcss-logical": { "version": "5.0.4", "resolved": "https://registry.npmjs.org/postcss-logical/-/postcss-logical-5.0.4.tgz", - "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==" + "integrity": "sha512-RHXxplCeLh9VjinvMrZONq7im4wjWGlRJAqmAVLXyZaXwfDWP73/oq4NdIp+OZwhQUMj0zjqDfM5Fj7qby+B4g==", + "requires": {} }, "postcss-media-minmax": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/postcss-media-minmax/-/postcss-media-minmax-5.0.0.tgz", - "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==" + "integrity": "sha512-yDUvFf9QdFZTuCUg0g0uNSHVlJ5X1lSzDZjPSFaiCWvjgsvu8vEVxtahPrLMinIDEEGnx6cBe6iqdx5YWz08wQ==", + "requires": {} }, "postcss-merge-longhand": { "version": "5.1.7", @@ -26709,7 +26750,8 @@ "postcss-modules-extract-imports": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz", - "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==" + "integrity": "sha512-bdHleFnP3kZ4NYDhuGlVK+CMrQ/pqUm8bx/oGL93K6gVwiclvX5x0n76fYMKuIGKzlABOy13zsvqjb0f92TEXw==", + "requires": {} }, "postcss-modules-local-by-default": { "version": "4.0.3", @@ -26767,7 +26809,8 @@ "postcss-normalize-charset": { "version": "5.1.0", "resolved": "https://registry.npmjs.org/postcss-normalize-charset/-/postcss-normalize-charset-5.1.0.tgz", - "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==" + "integrity": "sha512-mSgUJ+pd/ldRGVx26p2wz9dNZ7ji6Pn8VWBajMXFf8jk7vUoSrZ2lt/wZR7DtlZYKesmZI680qjr2CeFF2fbUg==", + "requires": {} }, "postcss-normalize-display-values": { "version": "5.1.0", @@ -26838,7 +26881,8 @@ "postcss-opacity-percentage": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/postcss-opacity-percentage/-/postcss-opacity-percentage-1.1.3.tgz", - "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==" + "integrity": "sha512-An6Ba4pHBiDtyVpSLymUUERMo2cU7s+Obz6BTrS+gxkbnSBNKSuD0AVUc+CpBMrpVPKKfoVz0WQCX+Tnst0i4A==", + "requires": {} }, "postcss-ordered-values": { "version": "5.1.3", @@ -26860,7 +26904,8 @@ "postcss-page-break": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/postcss-page-break/-/postcss-page-break-3.0.4.tgz", - "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==" + "integrity": "sha512-1JGu8oCjVXLa9q9rFTo4MbeeA5FMe00/9C7lN4va606Rdb+HkxXtXsmEDrIraQ11fGz/WvKWa8gMuCKkrXpTsQ==", + "requires": {} }, "postcss-place": { "version": "7.0.5", @@ -26954,7 +26999,8 @@ "postcss-replace-overflow-wrap": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/postcss-replace-overflow-wrap/-/postcss-replace-overflow-wrap-4.0.0.tgz", - "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==" + "integrity": "sha512-KmF7SBPphT4gPPcKZc7aDkweHiKEEO8cla/GjcBK+ckKxiZslIu3C4GCRW3DNfL0o7yW7kMQu9xlZ1kXRXLXtw==", + "requires": {} }, "postcss-selector-not": { "version": "6.0.1", @@ -27235,7 +27281,8 @@ "react-confirm-alert": { "version": "3.0.6", "resolved": "https://registry.npmjs.org/react-confirm-alert/-/react-confirm-alert-3.0.6.tgz", - "integrity": "sha512-rplP6Ed9ZSNd0KFV5BUzk4EPQ77BxsrayllBXGFuA8xPXc7sbBjgU5KUrNpl7aWFmP7mXRlVXfuy1IT5DbffYw==" + "integrity": "sha512-rplP6Ed9ZSNd0KFV5BUzk4EPQ77BxsrayllBXGFuA8xPXc7sbBjgU5KUrNpl7aWFmP7mXRlVXfuy1IT5DbffYw==", + "requires": {} }, "react-dev-utils": { "version": "12.0.1", @@ -27348,7 +27395,8 @@ "react-icons": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.0.1.tgz", - "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==" + "integrity": "sha512-WqLZJ4bLzlhmsvme6iFdgO8gfZP17rfjYEJ2m9RsZjZ+cc4k1hTzknEz63YS1MeT50kVzoa1Nz36f4BEx+Wigw==", + "requires": {} }, "react-infinite-scroll-component": { "version": "6.1.0", @@ -27366,7 +27414,8 @@ "react-parallax": { "version": "3.5.1", "resolved": "https://registry.npmjs.org/react-parallax/-/react-parallax-3.5.1.tgz", - "integrity": "sha512-p5zPsPsqELlIOGaPS01O0IRx8R2bxcBAtrdF/RHf9nIxxk5hijbM2y89tk4rJQBcNH6ESSLe7J2NV4/ms7FLFw==" + "integrity": "sha512-p5zPsPsqELlIOGaPS01O0IRx8R2bxcBAtrdF/RHf9nIxxk5hijbM2y89tk4rJQBcNH6ESSLe7J2NV4/ms7FLFw==", + "requires": {} }, "react-redux": { "version": "9.1.0", @@ -28270,17 +28319,20 @@ "react-spinners": { "version": "0.13.8", "resolved": "https://registry.npmjs.org/react-spinners/-/react-spinners-0.13.8.tgz", - "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==" + "integrity": "sha512-3e+k56lUkPj0vb5NDXPVFAOkPC//XyhKPJjvcGjyMNPWsBKpplfeyialP74G7H7+It7KzhtET+MvGqbKgAqpZA==", + "requires": {} }, "react-web-share": { "version": "2.0.2", "resolved": "https://registry.npmjs.org/react-web-share/-/react-web-share-2.0.2.tgz", - "integrity": "sha512-bGm1TJc6xtC0MhAnYFsrzT4En7l2oAdLTgCK7nk7b4xGTg3L5gOldiPrmYQ8a/dEXNydgekvOj/tfjduIlIRVA==" + "integrity": "sha512-bGm1TJc6xtC0MhAnYFsrzT4En7l2oAdLTgCK7nk7b4xGTg3L5gOldiPrmYQ8a/dEXNydgekvOj/tfjduIlIRVA==", + "requires": {} }, "reactjs-popup": { "version": "2.0.6", "resolved": "https://registry.npmjs.org/reactjs-popup/-/reactjs-popup-2.0.6.tgz", - "integrity": "sha512-A+tt+x9wdgZiZjv0e2WzYLD3IfFwJALaRaqwrCSXGjo0iQdsry/EtBEbQXRSmQs7cHmOi5eytCiSlOm8k4C+dg==" + "integrity": "sha512-A+tt+x9wdgZiZjv0e2WzYLD3IfFwJALaRaqwrCSXGjo0iQdsry/EtBEbQXRSmQs7cHmOi5eytCiSlOm8k4C+dg==", + "requires": {} }, "read-cache": { "version": "1.0.0", @@ -28684,7 +28736,8 @@ "ajv-keywords": { "version": "3.5.2", "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz", - "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==" + "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==", + "requires": {} }, "json-schema-traverse": { "version": "0.4.1", @@ -29287,7 +29340,8 @@ "style-loader": { "version": "3.3.4", "resolved": "https://registry.npmjs.org/style-loader/-/style-loader-3.3.4.tgz", - "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==" + "integrity": "sha512-0WqXzrsMTyb8yjZJHDqwmnwRJvhALK9LfRtRc6B4UTWe8AijYLZYZ9thuJTZc2VfQWINADW/j+LiJnfy2RoC1w==", + "requires": {} }, "stylehacks": { "version": "5.1.1", @@ -29805,6 +29859,12 @@ "is-typedarray": "^1.0.0" } }, + "typescript": { + "version": "4.9.5", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz", + "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==", + "peer": true + }, "unbox-primitive": { "version": "1.0.2", "resolved": "https://registry.npmjs.org/unbox-primitive/-/unbox-primitive-1.0.2.tgz", @@ -29902,7 +29962,8 @@ "use-sync-external-store": { "version": "1.2.0", "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz", - "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==" + "integrity": "sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==", + "requires": {} }, "util-deprecate": { "version": "1.0.2", @@ -30139,7 +30200,8 @@ "ws": { "version": "8.16.0", "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz", - "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==" + "integrity": "sha512-HS0c//TP7Ina87TfiPUz1rQzMhHrl/SG2guqRcTOIUYD2q8uhUdNHZYJUaQ8aTGPzCh+c6oawMKW35nFl1dxyQ==", + "requires": {} } } }, @@ -30622,7 +30684,8 @@ "ws": { "version": "7.5.10", "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.10.tgz", - "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==" + "integrity": "sha512-+dbF1tHwZpXcbOJdVOkzLDxZP1ailvSxM6ZweXTegylPny803bFhA+vqBYw4s31NSAk4S2Qz+AKXK9a4wkdjcQ==", + "requires": {} }, "xml-name-validator": { "version": "3.0.0", diff --git a/client/src/App.css b/client/src/App.css index 01dbbfa..7d7a664 100644 --- a/client/src/App.css +++ b/client/src/App.css @@ -217,7 +217,6 @@ background: rgb(255 65 65); color: black; border-radius: 0px; - padding: 10px; } .sidebar ul li a { @@ -251,7 +250,6 @@ font-size: medium; color: rgb(70, 66, 66); font-weight: 200; - /* margin-bottom: 15px; */ font-family: "Pacifico", cursive; cursor: pointer; } @@ -268,7 +266,6 @@ position: relative; left: 270px; font-size: 15px; - /* background-color: red; */ } .navbar .search .cat label { @@ -365,37 +362,31 @@ margin-left: 300px; display: flex; - /* background-color: red; */ } .inputnav:focus { border: 2px solid rgb(1, 1, 139); } -/* */ + .inputnav { padding: 0.2rem; margin-left: 300px; - background-color: rgba(209, 203, 203, 0.3); + background-color: rgba(209, 203, 203, 0.3); /* This will be the effective background color */ border-radius: 15px; display: flex; width: 400px; height: 30px; - margin-left: 1rem; border: none; outline: none; position: relative; - /* bottom: 1px; */ font-size: small; font-family: cursive; - background: transparent; - background-color: pink; - background-color: rgba(209, 203, 203, 0.3); - border-radius: 15px; - border: solid 2px rgb(214, 214, 214); + border: solid 2px rgb(214, 214, 214); /* Keeping this border for the input */ } + .inputnav:hover { box-shadow: 0px 1px 1px 0px rgb(6, 0, 36); transition: 300ms; @@ -410,7 +401,6 @@ color: black; border: solid 1px black; background-color: rgb(255, 255, 255); - /* display: none; */ } .inputnav::placeholder { @@ -420,7 +410,6 @@ padding: auto; } -/* */ .imagesearch { border-radius: 50%; @@ -431,30 +420,26 @@ display: grid; border: solid 2px rgb(207, 207, 207); place-items: center; - z-index: 10000000; -} - -.search .image svg { - fill: black; -} - -.imagesearch { - transition: 400ms; + z-index: 10; /* Adjusted z-index */ + transition: 400ms; /* Consistent transition */ cursor: pointer; } .imagesearch:hover { - transition: 344ms; background: transparent; transform: scale(1.2); border: none; } .imagesearch:active { - transition: 400ms; transform: scale(0.7); } +.search .image svg { + fill: black; +} + + .search img { height: 25px; width: 25px; @@ -488,11 +473,6 @@ text-decoration: none; } -.links a:first-child { - /* position: relative; - right: 60px; - top: 2px; */ -} .links a:first-child svg { color: black; @@ -510,7 +490,6 @@ } .user { - /* position: relative; */ right: 35px; display: flex; align-items: center; @@ -551,15 +530,12 @@ .logout { font-size: 17px; font-weight: 400; - /* position: relative; */ right: 30px; border-radius: 4px; color: rgb(0, 0, 0); display: flex; justify-items: center; align-items: center; - /* padding: 5px; */ - /* height: 21px; */ top: 4px; text-decoration: none; transition: all 0.2s ease-in-out; @@ -647,8 +623,6 @@ } } -@media screen and (max-width: 1188px) { -} @media screen and (max-width: 1153px) { .navbar .search .search_wrap input { @@ -711,7 +685,6 @@ @media screen and (max-width: 825px) { .search { display: none; - /* background-color: red; */ } .for-mid-screen{ diff --git a/client/src/components/Navbar.js b/client/src/components/Navbar.js index 08ab471..567242f 100644 --- a/client/src/components/Navbar.js +++ b/client/src/components/Navbar.js @@ -22,7 +22,7 @@ function Navbar({ postpage }) { const view3 = useMediaQuery({ query: "(max-width: 825px)" }); const dispatch = useDispatch(); const navigate = useNavigate(); - const [searchsel, setsearchsel] = useState(true); + const [searchsel, setSearchsel] = useState(true); const [sres, searchf] = useState([]); const [ssw, cssw] = useState(false) const [scontent, cscontent] = useState("") @@ -91,7 +91,7 @@ function Navbar({ postpage }) { } }; const select_action = async () => { - setsearchsel((prev) => !prev); + setSearchsel((prev) => !prev); }; return ( diff --git a/client/src/components/footer/Footer.js b/client/src/components/footer/Footer.js index 144b16e..0af9016 100644 --- a/client/src/components/footer/Footer.js +++ b/client/src/components/footer/Footer.js @@ -82,10 +82,10 @@ function Footer() {

- © 2021-2025 @ Made By Prashant + © 2021-2025 @ Made By Prashant

- For any issue kindly send mail to prashant201103@gmail.com + For any issue kindly send mail to prashant201103@gmail.com

diff --git a/client/src/components/footer/footer.css b/client/src/components/footer/footer.css index f53516e..a8551d3 100644 --- a/client/src/components/footer/footer.css +++ b/client/src/components/footer/footer.css @@ -1,33 +1,37 @@ .desktop-footer { - background: #070c25; + background: linear-gradient(180deg, #070c25 0%, #0a1426 100%); color: white; - padding: 20px 0; + padding: 50px 20px; margin-top: 25rem; - width: 100%; font-size: larger; -} - -.subfot { - color: white; + box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.5); } .footer-container { max-width: 1200px; margin: 0 auto; display: flex; - width: 100%; justify-content: space-between; - margin-left: 20px; + flex-wrap: wrap; } .footer-column { - width: 20%; + flex: 1; + min-width: 250px; + margin: 20px; + transition: transform 0.2s; +} + +.footer-column:hover { + transform: scale(1.02); } .footer-column h3 { - font-size: 20px; - font-weight: bold; - margin-bottom: 10px; + font-size: 22px; + font-weight: 700; + margin-bottom: 15px; + border-bottom: 2px solid rgba(255, 255, 255, 0.3); + padding-bottom: 5px; } .footer-column ul { @@ -37,75 +41,48 @@ } .footer-column li { - margin-bottom: 5px; + margin-bottom: 10px; } .footer-column a { - text-decoration: none; + text-decoration: none; /* Remove underline from all links */ font-weight: 400; font-size: 16px; - color:gray - + color: #d1d1d1; + transition: color 0.2s ease, transform 0.2s ease; } .footer-column a:hover { - color:white; - font-size: 20px; - + color: #ffffff; + font-weight: 600; + transform: translateY(-2px); } .footer-info { margin-top: 40px; + text-align: center; } .footer-info p { font-size: 14px; color: #e1e1e1; + padding-bottom: 1rem; } -.footer-container { - display: flex; - width: 100%; - justify-content: center; -} - -.subfot { - transition: 240ms; -} - -.footer-container { - margin: auto; - display: flex; +.footer-info > p > a { + color: #ffffff; /* White color for links in footer info */ + font-weight: 500; /* Medium weight for better emphasis */ + text-decoration: none; /* Remove underline for email and name links */ } -.subfot:hover { - transition: 300ms; - color: rgb(148, 229, 243); - transform: scale(1.3); - font-size: 14px; +.footer-info > p > a:hover { + text-decoration: underline; /* Underline on hover for clarity */ + color: #1486c8; /* Light blue for hover effect */ } @media (max-width: 767px) { - .footer-container { - flex-wrap: wrap; - justify-content: center; - } - .footer-column { - width: 40%; + width: 100%; margin-bottom: 20px; } } - -.footer-info { - text-align: center; -} - -.footer-info > p{ - padding-bottom: 1rem; - font-size: large; -} - -.footer-info > p > a{ - color: white; -} \ No newline at end of file diff --git a/client/src/components/home/breaker/breaker.css b/client/src/components/home/breaker/breaker.css index af87137..72697cc 100644 --- a/client/src/components/home/breaker/breaker.css +++ b/client/src/components/home/breaker/breaker.css @@ -4,8 +4,5 @@ border-bottom: 1px solid black; font-size: 1.4rem; font-weight: 700; - /* top:60px; */ - /* margin-top: 390px; */ - /* position: relative; */ color:black; } \ No newline at end of file diff --git a/client/src/components/home/card/card.css b/client/src/components/home/card/card.css index 1da3dc7..a641910 100644 --- a/client/src/components/home/card/card.css +++ b/client/src/components/home/card/card.css @@ -1,35 +1,50 @@ -@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600&display=swap"); +/* Base Styles */ +body { + margin: 0; + font-family: "Poppins", sans-serif; + background-color: #f4f4f4; /* Light background for better contrast */ + color: rgb(78, 78, 78); +} + +/* Intro Section */ .intro_section { width: 100%; margin: auto; text-align: center; - font-family: "Poppins", sans-serif; - font-size: 14px; - color: rgb(78, 78, 78); + font-size: 16px; /* Slightly increased font size */ + padding: 20px; /* Add padding for breathing space */ } +/* Parallax Image */ .parallax-img { + position: relative; top: 65px; height: 400px; + overflow: hidden; + border-radius: 10px; /* Rounded corners for a softer look */ } +/* Card Text */ .card-text { margin: auto; - color: rgb(255, 255, 255); - font-size: 22px; + color: white; /* Change text color for better readability */ + font-size: 24px; /* Increased font size */ padding: 20px; text-shadow: 0px 1px 6px rgba(0, 0, 0, 0.8); } +/* Background Image */ .bgimg { height: 100%; width: 100%; object-fit: cover; } +/* Dropdown Button */ .dropbtn { - background-color: rgba(0, 0, 0, 0.6); + background-color: rgba(0, 0, 0, 0.7); /* Darker background for contrast */ color: white; padding: 12px 24px; font-size: 18px; @@ -39,10 +54,17 @@ align-items: center; justify-content: center; gap: 10px; - transition: background-color 0.3s ease; + transition: background-color 0.3s ease, transform 0.2s ease; /* Added transform for interaction */ cursor: pointer; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Added shadow for depth */ } +.dropbtn:hover { + background-color: rgba(255, 255, 255, 0.1); /* Subtle hover effect */ + transform: translateY(-2px); /* Slight lift on hover */ +} + +/* Dropdown Menu */ .dropdown { position: relative; display: inline-block; @@ -52,11 +74,13 @@ .dropdown-content { display: none; position: absolute; - background-color: #f1f1f1; + background-color: #ffffff; /* White background for contrast */ min-width: 160px; border-radius: 8px; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); z-index: 1; + opacity: 0; /* Fade effect */ + transition: opacity 0.2s ease; } .dropdown-content .di { @@ -68,11 +92,13 @@ } .dropdown-content .di:hover { - background-color: #ddd; + background-color: #f0f0f0; /* Light grey for hover effect */ } +/* Show dropdown on hover */ .dropdown:hover .dropdown-content { display: block; + opacity: 1; /* Show dropdown with fade effect */ } .dropdown:hover .dropbtn { @@ -80,10 +106,10 @@ color: black; } -/* Responsive Styling */ +/* Responsive Styles */ @media screen and (max-width: 733px) { .card-text { - font-size: 18px; + font-size: 20px; /* Adjust font size for medium screens */ } } @@ -93,7 +119,7 @@ } .card-text { - font-size: 16px; + font-size: 18px; /* Smaller font for smaller screens */ padding: 10px; } diff --git a/client/src/components/home/post/PostCard.js b/client/src/components/home/post/PostCard.js index 4560c15..55d10a6 100644 --- a/client/src/components/home/post/PostCard.js +++ b/client/src/components/home/post/PostCard.js @@ -18,7 +18,7 @@ function PostCard({ post, type }) { const [sbook, setsbook] = React.useState(true); const [sbook2, setsbook2] = React.useState(true); // console.log(post); . - const utcTimeString = (post && post.createdAt)?post.createdAt:"N/A"; + const utcTimeString = (post && post.createdAt) ? post.createdAt : "N/A"; const date = new Date(utcTimeString); const localTimeString = date.toLocaleDateString(); const navigate = useNavigate() @@ -33,7 +33,7 @@ function PostCard({ post, type }) { setsbook(true); setsbook2(false); } - else{ + else { setsbook(false); } @@ -176,7 +176,8 @@ function PostCard({ post, type }) { return (
- + +
@@ -249,8 +250,8 @@ function PostCard({ post, type }) { console.log("shared successfully!") @@ -272,7 +273,7 @@ function PostCard({ post, type }) { : (post && post.user && post.user._id) && - + } @@ -283,9 +284,9 @@ function PostCard({ post, type }) {
{!user ? - {(post && post.user && post.user.name )? post.user.name : "N/A"} + {(post && post.user && post.user.name) ? post.user.name : "N/A"} : - {post && post.user.name} + {post && post.user.name} } {localTimeString}
@@ -342,7 +343,7 @@ function PostCard({ post, type }) { diff --git a/client/src/components/home/post/post.css b/client/src/components/home/post/post.css index 6430765..17126c2 100644 --- a/client/src/components/home/post/post.css +++ b/client/src/components/home/post/post.css @@ -1,3 +1,14 @@ +@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap"); + +/* Base Styles */ +body { + margin: 0; + font-family: "Poppins", sans-serif; + background-color: #f4f4f4; /* Light background for contrast */ + color: rgb(78, 78, 78); +} + +/* Posts Container */ .posts_container { margin: 1.2rem 8rem; display: grid; @@ -6,136 +17,76 @@ grid-gap: 1.2rem; } -.item { - background-color: whitesmoke; -} - +/* Individual Post Item */ .posts_container .item { - border: .5px solid rgb(206, 200, 200); + background-color: #fff; /* White background for posts */ + border: 0.5px solid rgb(206, 200, 200); display: flex; gap: 2.3rem; transition: all 0.2s; border-radius: 6px; overflow: hidden; - -webkit-box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.69); - -moz-box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.69); - box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.69); -} - -.profile_data24 { - /* position: relative; */ - /* display: flex; */ - /* gap:3px; */ - text-decoration: none; - /* margin-top: 10px; */ - /* float: left; */ - /* bottom:0px; */ - /* top:60px; */ - /* left:2px; */ - /* font-size: 15px; */ -} - -.view_post_profile { - font-size: 16px; - color: grey; - display: flex; - justify-items: center; - align-items: center; -} - -.sharepostmy { - width: 100%; - text-align: center; - background-color: rgb(218, 236, 252); - border-radius: 40px; -} - -.sharepostmy:hover { - cursor: pointer; - transform: scale(1.1); - box-shadow:black; -} - -.bluev { - color: blue; - text-decoration: none; -} - -.imgscp { - border: solid 1px black; - border-radius: 50%; -} - -.post_date { - font-size: 20px; - color: rgb(93, 93, 93); + box-shadow: 0px 1px 12px -2px rgba(0, 0, 0, 0.2); } +/* Hover Effect on Post Item */ .posts_container .item:hover { transform: scale(1.02); - -webkit-box-shadow: 1px 2px 6px 0px rgba(161, 152, 161, 1); - -moz-box-shadow: 1px 2px 6px 0px rgba(161, 152, 161, 1); - box-shadow: 1px 2px 6px 0px rgba(161, 152, 161, 1); + box-shadow: 1px 2px 6px rgba(161, 152, 161, 0.5); } +/* Left Side of Post */ .posts_container .item .left { width: 40%; height: 250px; overflow: hidden; + border-radius: 6px 0 0 6px; /* Rounded corners */ } -.backwhi { - background: linear-gradient(to bottom, white, red); - /* z-index: 999999; */ - height: 200px; - display: block; - position: absolute; - overflow: hidden; +.posts_container .item .left img { + width: 100%; + height: 100%; + object-fit: cover; } +/* Right Side of Post */ .posts_container .item .right { width: 60%; display: flex; flex-direction: column; + padding: 15px; /* Added padding */ } +/* Title Style */ .posts_container .item .right .title { - color: black; - font-size: 1rem; + color: #333; /* Darker text for title */ + font-size: 1.25rem; /* Increased font size */ line-height: 1.25; cursor: pointer; - flex: 4; } .posts_container .item .right .title:hover { color: rgb(71, 65, 65); } +/* Description Style */ .posts_container .item .right .description { - padding-right: 5px; - color: #888; + color: #666; /* Softer text color */ font-size: 0.9rem; line-height: 1.5; font-weight: 400; - flex: 4; - overflow: hidden; - margin-top: -50px; + margin-top: 10px; /* Spacing above description */ } +/* Profile Data */ .posts_container .item .right .profile_data { display: flex; - padding: 5px; - gap: 0.6rem; - position: relative; - top: -15px; - left: -5px; - cursor: pointer; - flex: 2; align-items: center; - + margin-top: auto; /* Push profile data to the bottom */ + padding-top: 10px; } - +/* User Image */ .posts_container .item .right .profile_data .user_image { background: white; height: 45px; @@ -144,14 +95,22 @@ overflow: hidden; } +/* User Image Inside */ +.posts_container .item .right .profile_data .user_image img { + height: 100%; + width: 100%; + object-fit: cover; +} + +/* User Info */ .posts_container .item .right .profile_data .user_middle { display: flex; flex-direction: column; - gap: 0.2rem; + margin-left: 10px; } .posts_container .item .right .profile_data .user_middle span:first-of-type { - font-family: "Times New Roman", Times, serif; + font-weight: bold; /* Emphasize username */ } .posts_container .item .right .profile_data .user_middle span:first-of-type a { @@ -169,63 +128,38 @@ font-size: small; } +/* Save Post Button */ .posts_container .item .right .profile_data .savePost { - position: absolute; - right: 10px; - top: 8px; + margin-left: auto; /* Align save post button to the right */ } +/* Save Post Icon Hover */ .posts_container .item .right .profile_data .savePost svg { fill: black; } -.shareprofile{ - display: flex; - justify-content: center; - justify-items: center; - align-content: center; -} -.menus2{ - border:grey; - box-shadow: 0px 0px 3px 1px rgb(100, 100, 100); - /* max-height:40px; */ - height:fit-content; - padding:5px; - position: absolute; - /* right:40px; */ - bottom:23px; - right:9px; - margin-right:0px; - cursor:pointer; - font-size:13px; - max-width:150px; - width:fit-content; - z-index:9999; - background-color: white; -} .posts_container .item .right .profile_data .savePost svg:hover { fill: rgb(90, 82, 82); } -.posts_container .item .right .profile_data .user_image img { - height: 100%; - width: 100%; - object-fit: cover; -} - -.posts_container .item .left img { +/* Share Post Button */ +.sharepostmy { width: 100%; - height: 100%; - object-fit: cover; + text-align: center; + background-color: rgb(218, 236, 252); + border-radius: 40px; + padding: 10px; /* Added padding */ + margin-top: 10px; /* Space above button */ } -.loader-container { - display: flex; - justify-content: center; - align-items: center; - height: 50px; +.sharepostmy:hover { + cursor: pointer; + transform: scale(1.05); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Added shadow on hover */ } +/* Loader Styles */ +.loader-container, .post_loader { display: flex; justify-content: center; @@ -234,6 +168,7 @@ margin-top: 20px; } +/* Responsive Styles */ @media screen and (max-width: 1153px) { .posts_container .item .right .title { font-size: 1rem; @@ -244,142 +179,6 @@ } } -@media screen and (max-width: 1058px) { - .posts_container .item { - gap: 0.7rem; - } - - .posts_container .item .right .title { - font-size: 1rem; - } -} - -@media screen and (max-width: 1025px) { - .posts_container { - margin: 0.2rem 3rem; - } - - .posts_container .item .right .title { - font-size: 1rem; - } - - .breaker { - margin: 0.4rem 3rem; - } -} - -@media screen and (max-width: 966px) { - .posts_container .item .left { - height: 213px; - } - - .posts_container .item .right .title { - font-size: 0.98rem; - } -} - -@media screen and (max-width: 936px) { - .posts_container .item .right .profile_data { - top: -11px; - } - - .posts_container .item .right .profile_data .user_image { - height: 32px; - width: 32px; - } - - .posts_container .item .right .profile_data { - padding: 2px; - } - - .posts_container .item .left { - height: 198px; - } -} - -@media screen and (max-width: 872px) { - .posts_container { - margin: 0.2rem 2rem; - } -} - -@media screen and (max-width: 820px) { - .posts_container .item .right .description { - font-size: 0.7rem; - line-height: 1.1; - } - - .breaker { - margin: 0.4rem 2rem; - } -} - -@media screen and (max-width: 730px) { - .posts_container .item .right .title { - font-size: 0.79rem; - } - - .links a:first-child span { - font-size: small; - font-weight: 900; - } - - .posts_container .item .right .description { - font-size: 0.4rem; - } - - .posts_container { - margin: 0.2rem 1rem; - } - - .breaker { - margin: 0.4rem 1rem; - } - - .posts_container .item .right .profile_data .savePost { - position: absolute; - right: 11px; - top: 8px; - } -} - -@media screen and (max-width: 682px) { - .posts_container .item .right .title { - font-size: 0.7rem; - margin-top: 13px; - } - - .posts_container .item .right .description { - font-size: 0.4rem; - position: relative; - bottom: 14px; - } -} - -@media screen and (min-width: 682px) { - .posts_container .item .right .title { - margin-top: 13px; - } -} - -@media screen and (min-width: 1160px) { - .posts_container .item .right .title { - font-size: 1.11rem; - } -} - -@media screen and (min-width: 1212px) { - .posts_container .item .right .title { - font-size: 1.22rem; - } -} - -@media screen and (min-width: 1252px) { - .posts_container .item .right .title { - font-size: 1.32rem; - } -} - @media screen and (max-width: 650px) { .posts_container .item { flex-direction: column; @@ -396,7 +195,6 @@ .posts_container .item .right .title { font-size: 1.21rem; - margin-top: -7px; line-height: 20px; padding: 5px; } @@ -404,110 +202,20 @@ .posts_container .item .right .description { font-size: 1rem; padding: 5px; - margin-top: 17px; - } - - .posts_container .item .right .profile_data { - left: 0px; - padding: 5px; - } - - z .posts_container .item .right .profile_data .user_image { - height: 45px; - width: 45px; - } - - .posts_container .item .right .profile_data .savePost { - right: 25px; - top: 13px; - } - - .posts_container { - grid-gap: 0.8rem; - } -} - -@media screen and (max-width: 590px) { - .posts_container .item .left { - width: 100%; - height: 185px; - } - - .posts_container .item .right .title { - font-size: 1rem; - line-height: 17px; - } -} - -@media screen and (max-width: 524px) { - .posts_container .item .left { - width: 100%; - height: 149px; - } - - .posts_container .item .right .description { - font-size: 0.7rem; - } - - .posts_container .item .right .profile_data .user_image { - height: 35px; - width: 35px; - } -} - -@media screen and (max-width: 520px) { - .posts_container .item .right .title { - font-size: 0.89rem; - } - - .hidesmall { - display: none; - } -} - -@media screen and (max-width: 437px) { - .posts_container .item .left { - width: 100%; - height: 120px; - } - - .posts_container .item .right .title { - font-size: 0.82rem; + margin-top: 10px; /* Adjusted margin */ } } @media screen and (max-width: 420px) { .posts_container { - grid-template-columns: 1fr; - } - - .posts_container .item .left { - width: 100%; - height: 194px; + grid-template-columns: 1fr; /* Single column layout */ } .posts_container .item .right .title { font-size: 1.2rem; - line-height: 27px; - } - - .posts_container .item .right .profile_data { - padding: 13px; - } - - .posts_container .item .right .profile_data .savePost { - right: 40px; - top: 15px; - } - - .posts_container p b { - font-size: xx-small; } .posts_container .item { - -webkit-box-shadow: 1px 2px 3px 0px rgba(189, 189, 189, 1); - -moz-box-shadow: 1px 2px 3px 0px rgba(189, 189, 189, 1); - box-shadow: 1px 2px 3px 0px rgba(189, 189, 189, 1); - flex-direction: column; + flex-direction: column; /* Ensure column layout */ } -} \ No newline at end of file +} diff --git a/client/src/components/profile/UserProfile.js b/client/src/components/profile/UserProfile.js index cb0b6ad..27dcccb 100644 --- a/client/src/components/profile/UserProfile.js +++ b/client/src/components/profile/UserProfile.js @@ -18,8 +18,6 @@ import { showmyposts, fetchfollowing, changeabout, - getallLikes, - getallBookmarks, showLikemarks // getfollowingcount, } from "../../helpers"; @@ -197,14 +195,14 @@ function UserProfile() { } } - console.log(image,"imagee") + console.log(image, "imagee") return (
- {dbPic ? : } + {dbPic ? : }
diff --git a/client/src/routes/LoggedInRoutes.js b/client/src/routes/LoggedInRoutes.js index 769d107..d70029b 100644 --- a/client/src/routes/LoggedInRoutes.js +++ b/client/src/routes/LoggedInRoutes.js @@ -1,8 +1,8 @@ import { useSelector } from "react-redux"; -import { Navigate, Outlet, useNavigate } from "react-router-dom"; +import { Navigate, Outlet } from "react-router-dom"; export default function LoggedInRoutes() { const { user } = useSelector((state) => ({ ...state })); - return user ? : ; + return user ? : ; }