From a41a4e05c59e260f2356e06e7537bd0e5d2ca517 Mon Sep 17 00:00:00 2001 From: akionii Date: Wed, 7 Feb 2024 12:04:03 +0100 Subject: [PATCH 1/9] Enhanced Navigation bar --- .env.example | 34 ++++--- src/App.jsx | 2 - src/components/Navbar.jsx | 173 +++++++++++++++++++++++------------- src/styles/globalStyles.jsx | 28 +++--- 4 files changed, 152 insertions(+), 85 deletions(-) diff --git a/.env.example b/.env.example index 7a1e26c8..2bb951db 100644 --- a/.env.example +++ b/.env.example @@ -1,22 +1,32 @@ -# VITE_BACKEND_URL: The base URL of the primary backend server. -# Set this to the URL of your primary backend server in a production environment. -# Example: VITE_BACKEND_URL="https://api.consumet.org" -VITE_BACKEND_URL="https://api.consumet.org" +# VITE_BACKEND_URL: This is the base URL for the primary backend server. +# It is used for making API requests to fetch anime data, metadata, and other related information. +# Example: VITE_BACKEND_URL="https://api.consumet.org/" +VITE_BACKEND_URL="https://api.consumet.org/" -# VITE_BACKEND_URL_2: The base URL of a secondary backend server (if applicable). -# You can use a secondary backend server for specific features or redundancy. -# Set this to the URL of your secondary backend server in a production environment. +# VITE_BACKEND_URL_2: This represents the URL of a secondary or alternative backend server. +# It is used primarily for fetching episodes and related data. +# Typically points to a local server during development. Adjust as necessary for production. # Example: VITE_BACKEND_URL_2="https://api.anify.tv/" -# Note: You have a commented out local development URL, which is useful for testing locally. -# Example (local development): VITE_BACKEND_URL_2="http://localhost:3060/" VITE_BACKEND_URL_2="https://api.anify.tv/" -# VITE_API_KEY: Your API key for authentication with the backend servers. -# Set this to your actual API key in a production environment. +# VITE_API_KEY: A specific key required for accessing certain backend services or APIs. +# This key might be used for authentication or tracking API usage. # Example: VITE_API_KEY="12345678-12345678-12345678" -VITE_API_KEY="" +VITE_API_KEY="12345678-12345678-12345678" + +# VITE_PROXY_URL: The URL of the proxy server used in the application. +# This is essential for circumventing CORS issues or when making requests to external services that don't support CORS. +# Example: VITE_PROXY_URL="https://corsproxy.io" +VITE_PROXY_URL="https://corsproxy.io" + +# VITE_IS_LOCAL: A flag to determine if the app is running in a local development environment. +# This can change the behavior of certain parts of the application, such as API endpoints or debugging features. +# It's typically set to "true" during development and "false" in production. +# Example: VITE_IS_LOCAL="false" +VITE_IS_LOCAL="false" # PORT: The port number on which your server (if applicable) should listen. # Set this to the desired port number in a production environment. +# It's important for configuring the server's listening port, especially in a local development environment. # Example: PORT=5173 PORT=5173 diff --git a/src/App.jsx b/src/App.jsx index 4861b81a..d9eeea1f 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -12,7 +12,6 @@ import Home from "./pages/Home"; import Watch from "./pages/Watch"; import SearchResults from "./pages/SearchResults"; import PageNotFound from "./pages/404"; -import ScrollToTopButton from "./components/ScrollUp"; function ScrollToTop() { const { pathname } = useLocation(); @@ -48,7 +47,6 @@ function App() { } /> } /> -