Merge from Dev to LOAF Production #13
17
.env.example
Normal file
17
.env.example
Normal file
@@ -0,0 +1,17 @@
|
||||
# Server Configuration
|
||||
PORT=3000
|
||||
WDS_SOCKET_PORT=443
|
||||
|
||||
# Backend API URL
|
||||
REACT_APP_BACKEND_URL=http://localhost:8000
|
||||
|
||||
# App Base Path Configuration
|
||||
# Examples:
|
||||
# - For root path: REACT_APP_BASENAME=
|
||||
# - For subpath: REACT_APP_BASENAME=/membership
|
||||
# - For production: REACT_APP_BASENAME=/membership
|
||||
REACT_APP_BASENAME=
|
||||
|
||||
# Feature Flags
|
||||
REACT_APP_ENABLE_VISUAL_EDITS=false
|
||||
ENABLE_HEALTH_CHECK=false
|
||||
1
.gitignore
vendored
1
.gitignore
vendored
@@ -2,6 +2,7 @@
|
||||
|
||||
# Environment
|
||||
.env
|
||||
.env.production
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
|
||||
@@ -53,9 +53,11 @@
|
||||
"react-dom": "^19.0.0",
|
||||
"react-hook-form": "^7.56.2",
|
||||
"react-icons": "^5.5.0",
|
||||
"react-markdown": "^10.1.0",
|
||||
"react-resizable-panels": "^3.0.1",
|
||||
"react-router-dom": "^7.5.1",
|
||||
"react-scripts": "5.0.1",
|
||||
"remark-gfm": "^4.0.1",
|
||||
"sonner": "^2.0.3",
|
||||
"tailwind-merge": "^3.2.0",
|
||||
"tailwindcss-animate": "^1.0.7",
|
||||
|
||||
@@ -25,7 +25,6 @@
|
||||
Learn how to configure a non-root public URL by running `npm run build`.
|
||||
-->
|
||||
<title>LOAF - Lesbians Over Age Fifty</title>
|
||||
<script src="#"></script>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
|
||||
@@ -70,9 +70,13 @@ const PrivateRoute = ({ children, adminOnly = false }) => {
|
||||
};
|
||||
|
||||
function App() {
|
||||
// Read basename from environment variable (defaults to empty string for root path)
|
||||
// Set REACT_APP_BASENAME in .env to use a subpath (e.g., "/membership")
|
||||
const basename = process.env.REACT_APP_BASENAME || '';
|
||||
|
||||
return (
|
||||
<AuthProvider>
|
||||
<BrowserRouter basename="/membership">
|
||||
<BrowserRouter basename={basename}>
|
||||
<Routes>
|
||||
<Route path="/" element={<Landing />} />
|
||||
<Route path="/register" element={<Register />} />
|
||||
|
||||
@@ -88,7 +88,7 @@ const Landing = () => {
|
||||
<img src={heroLoaf} alt="LOAF" className="w-full max-w-xs md:max-w-[370px] h-auto object-contain" />
|
||||
</div>
|
||||
<div className="flex flex-col gap-4 items-center justify-center w-full max-w-[339px]">
|
||||
<Link to="/register" className="w-full">
|
||||
<Link to="/become-a-member" className="w-full">
|
||||
<Button style={{ fontFamily: "'Nunito sans', sans-serif" }} className="bg-[#DDD8EB] hover:bg-white text-[#422268] rounded-full px-6 py-6 sm:py-[32px] text-base sm:text-lg font-medium w-full transition-colors">
|
||||
Become a Member
|
||||
</Button>
|
||||
|
||||
Reference in New Issue
Block a user