maskantech/productcatalogue_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(settings): bind General Settings Organization Name and Subdomain inputs to logged-in user tenant state

Browse Source
This commit is contained in:
Inamul-hasan-tec
2026-08-08 16:05:40 +05:30
parent 6b3c0c93cd
commit b76227e674
1 changed files with 31 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/features/settings/pages/SettingList.tsx
+31 -5
View File
@@ -1,6 +1,8 @@
import { useState } from "react";
import { useState, useEffect } from "react";
import { User, Bell, Shield, Plug, Key, Palette, Globe, Database, MessageSquare, Webhook, Box, ChevronRight } from "lucide-react";
import { useNavigate } from "react-router-dom";
import { useSelector } from "react-redux";
import type { RootState } from "../../../store";
import { PageWrapper } from "../../../components/layouts/PageWrapper";
import { Button } from "../../../components/customs/Button";
import { Breadcrumb } from "../../../components/layouts/Breadcrumb";
@@ -8,10 +10,24 @@ import { Radio } from "../../../components/customs/Radio";
export default function SettingList() {
const navigate = useNavigate();
const [activeTab, setActiveTab] = useState("Integrations");
const user = useSelector((state: RootState) => state.auth.user);
const [activeTab, setActiveTab] = useState("General");
const [requireApproval, setRequireApproval] = useState(true);
const [autoPublish, setAutoPublish] = useState(false);
const [orgName, setOrgName] = useState(user?.tenant?.name || "Organization");
const [subdomain, setSubdomain] = useState(user?.tenant?.tenant_code || user?.tenant?.domain || "org");
useEffect(() => {
if (user?.tenant?.name) {
setOrgName(user.tenant.name);
}
if (user?.tenant?.tenant_code || user?.tenant?.domain) {
setSubdomain(user.tenant.tenant_code || user.tenant.domain || "");
}
}, [user]);
const horizontalTabs = [
{ id: "General", icon: User },
{ id: "Notifications", icon: Bell },
@@ -63,12 +79,22 @@ export default function SettingList() {
<div className="p-6 space-y-5">
<div>
<label className="block text-sm font-medium text-foreground mb-1.5">Organization Name</label>
<input type="text" defaultValue="Acme Corporation" className="w-full px-3 py-2.5 text-sm border border-primary/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-light focus:border-transparent bg-surface" />
<input
type="text"
value={orgName}
onChange={(e) => setOrgName(e.target.value)}
className="w-full px-3 py-2.5 text-sm border border-primary/10 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-light focus:border-transparent bg-surface"
/>
</div>
<div>
<label className="block text-sm font-medium text-foreground mb-1.5">Subdomain</label>
<label className="block text-sm font-medium text-foreground mb-1.5">Subdomain / Tenant Code</label>
<div className="flex items-stretch">
<input type="text" defaultValue="acme" className="flex-1 px-3 py-2.5 text-sm border border-primary/10 rounded-l-lg border-r-0 focus:outline-none focus:ring-2 focus:ring-primary-light focus:border-transparent bg-surface z-10" />
<input
type="text"
value={subdomain}
onChange={(e) => setSubdomain(e.target.value)}
className="flex-1 px-3 py-2.5 text-sm border border-primary/10 rounded-l-lg border-r-0 focus:outline-none focus:ring-2 focus:ring-primary-light focus:border-transparent bg-surface z-10"
/>
<div className="px-4 py-2.5 bg-primary/5/50 border border-primary/10 rounded-r-lg text-sm text-muted-foreground flex items-center">.pim-platform.com</div>
</div>
</div>