feat: rename Templates tab to Email & SMS Templates
This commit is contained in:
@@ -1128,7 +1128,7 @@ export default function CompanySettingsPage() {
|
||||
{ id: 'riderrequest', label: 'Rider Request Plan (P2)', icon: Users },
|
||||
{ id: 'parts', label: 'EV Parts', icon: Package },
|
||||
|
||||
{ id: 'templates', label: 'Templates', icon: FileText },
|
||||
{ id: 'templates', label: 'Email & SMS Templates', icon: FileText },
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -1152,221 +1152,221 @@ export default function CompanySettingsPage() {
|
||||
</div>
|
||||
)}
|
||||
<div className="p-4 lg:p-6">
|
||||
<div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4 mb-6">
|
||||
<div>
|
||||
<h1 className="text-2xl lg:text-3xl font-extrabold text-slate-800">Company Settings</h1>
|
||||
<p className="text-sm text-slate-500 mt-1">Manage your company information and configurations</p>
|
||||
</div>
|
||||
{/* <button
|
||||
<div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4 mb-6">
|
||||
<div>
|
||||
<h1 className="text-2xl lg:text-3xl font-extrabold text-slate-800">Company Settings</h1>
|
||||
<p className="text-sm text-slate-500 mt-1">Manage your company information and configurations</p>
|
||||
</div>
|
||||
{/* <button
|
||||
onClick={handleSave}
|
||||
className="py-2.5 px-4 bg-accent text-white rounded-lg font-semibold text-sm hover:bg-accent-dark transition-colors flex items-center gap-2"
|
||||
>
|
||||
<Save className="w-4 h-4" /> Save Changes
|
||||
</button> */}
|
||||
</div>
|
||||
|
||||
{saved && (
|
||||
<div className="mb-4 p-3 bg-green-100 text-green-700 rounded-lg text-sm">
|
||||
Settings saved successfully!
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="grid lg:grid-cols-4 gap-6">
|
||||
<div className="lg:col-span-1 bg-white rounded-xl shadow-sm border border-slate-100 p-2">
|
||||
<nav className="space-y-1">
|
||||
{tabs.map(tab => (
|
||||
<button
|
||||
key={tab.id}
|
||||
onClick={() => handleTabChange(tab.id as typeof activeTab)}
|
||||
className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors ${activeTab === tab.id
|
||||
? 'bg-accent text-white'
|
||||
: 'text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<tab.icon className="w-4 h-4" />
|
||||
{tab.label}
|
||||
</button>
|
||||
))}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div className="lg:col-span-3 bg-white rounded-xl shadow-sm border border-slate-100">
|
||||
{activeTab === 'general' && (
|
||||
<GeneralSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
{saved && (
|
||||
<div className="mb-4 p-3 bg-green-100 text-green-700 rounded-lg text-sm">
|
||||
Settings saved successfully!
|
||||
</div>
|
||||
)}
|
||||
|
||||
{activeTab === 'branding' && (
|
||||
<BrandingSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
<div className="grid lg:grid-cols-4 gap-6">
|
||||
<div className="lg:col-span-1 bg-white rounded-xl shadow-sm border border-slate-100 p-2">
|
||||
<nav className="space-y-1">
|
||||
{tabs.map(tab => (
|
||||
<button
|
||||
key={tab.id}
|
||||
onClick={() => handleTabChange(tab.id as typeof activeTab)}
|
||||
className={`w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm font-medium transition-colors ${activeTab === tab.id
|
||||
? 'bg-accent text-white'
|
||||
: 'text-slate-600 hover:bg-slate-50'
|
||||
}`}
|
||||
>
|
||||
<tab.icon className="w-4 h-4" />
|
||||
{tab.label}
|
||||
</button>
|
||||
))}
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
{activeTab === 'social' && (
|
||||
<SocialSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
<div className="lg:col-span-3 bg-white rounded-xl shadow-sm border border-slate-100">
|
||||
{activeTab === 'general' && (
|
||||
<GeneralSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
{activeTab === 'integration' && (
|
||||
<IntegrationSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
{activeTab === 'branding' && (
|
||||
<BrandingSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
{activeTab === 'landing' && (
|
||||
<LandingSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
{activeTab === 'social' && (
|
||||
<SocialSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
{activeTab === 'kyc' && (
|
||||
<KycSettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activeMasterTab={activeMasterTab}
|
||||
setActiveMasterTab={setActiveMasterTab}
|
||||
addDocType={addDocType}
|
||||
setAddDocType={setAddDocType}
|
||||
newDocName={newDocName}
|
||||
setNewDocName={setNewDocName}
|
||||
newDocDesc={newDocDesc}
|
||||
setNewDocDesc={setNewDocDesc}
|
||||
/>
|
||||
)}
|
||||
{activeTab === 'integration' && (
|
||||
<IntegrationSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
{activeTab === 'parts' && (
|
||||
<PartsSettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
showAddPolicy={showAddPolicy}
|
||||
setShowAddPolicy={setShowAddPolicy}
|
||||
newPolicyName={newPolicyName}
|
||||
setNewPolicyName={setNewPolicyName}
|
||||
newPolicyDesc={newPolicyDesc}
|
||||
setNewPolicyDesc={setNewPolicyDesc}
|
||||
editPolicyDescHtml={editPolicyDescHtml}
|
||||
setEditPolicyDescHtml={setEditPolicyDescHtml}
|
||||
editingPolicy={editingPolicy}
|
||||
setEditingPolicy={setEditingPolicy}
|
||||
editPolicyName={editPolicyName}
|
||||
setEditPolicyName={setEditPolicyName}
|
||||
editPolicyDesc={editPolicyDesc}
|
||||
setEditPolicyDesc={setEditPolicyDesc}
|
||||
/>
|
||||
)}
|
||||
{activeTab === 'landing' && (
|
||||
<LandingSettings settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
{activeTab === 'companyPolicy' && (
|
||||
<CompanyPolicySettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activeMasterTab={activeMasterTab}
|
||||
setActiveMasterTab={setActiveMasterTab}
|
||||
activeRentalTypeTab={activeRentalTypeTab}
|
||||
setActiveRentalTypeTab={setActiveRentalTypeTab}
|
||||
editingPolicy={editingPolicy}
|
||||
setEditingPolicy={setEditingPolicy}
|
||||
editPolicyName={editPolicyName}
|
||||
setEditPolicyName={setEditPolicyName}
|
||||
editPolicyDesc={editPolicyDesc}
|
||||
setEditPolicyDesc={setEditPolicyDesc}
|
||||
editPolicyDescHtml={editPolicyDescHtml}
|
||||
setEditPolicyDescHtml={setEditPolicyDescHtml}
|
||||
showAddPolicy={showAddPolicy}
|
||||
setShowAddPolicy={setShowAddPolicy}
|
||||
newPolicyName={newPolicyName}
|
||||
setNewPolicyName={setNewPolicyName}
|
||||
newPolicyDesc={newPolicyDesc}
|
||||
setNewPolicyDesc={setNewPolicyDesc}
|
||||
newPolicyShowApp={newPolicyShowApp}
|
||||
setNewPolicyShowApp={setNewPolicyShowApp}
|
||||
newPolicyShowWeb={newPolicyShowWeb}
|
||||
setNewPolicyShowWeb={setNewPolicyShowWeb}
|
||||
editPolicyShowApp={editPolicyShowApp}
|
||||
setEditPolicyShowApp={setEditPolicyShowApp}
|
||||
editPolicyShowWeb={editPolicyShowWeb}
|
||||
setEditPolicyShowWeb={setEditPolicyShowWeb}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'plans' && (
|
||||
<PlanSelection
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activePlanTab={activePlanTab}
|
||||
setActivePlanTab={setActivePlanTab}
|
||||
handleSave={handleSave}
|
||||
addNewPlan={addNewPlan}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'investment' && (
|
||||
<InvestmentSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeInvestTab={activeInvestTab} setActiveInvestTab={setActiveInvestTab}
|
||||
addInvestPlan={addInvestPlan} setAddInvestPlan={setAddInvestPlan}
|
||||
newInvestName={newInvestName} setNewInvestName={setNewInvestName}
|
||||
newInvestStatus={newInvestStatus} setNewInvestStatus={setNewInvestStatus}
|
||||
newInvestTarget={newInvestTarget} setNewInvestTarget={setNewInvestTarget}
|
||||
newInvestStart={newInvestStart} setNewInvestStart={setNewInvestStart}
|
||||
newInvestEnd={newInvestEnd} setNewInvestEnd={setNewInvestEnd}
|
||||
newInvestMin={newInvestMin} setNewInvestMin={setNewInvestMin}
|
||||
newInvestMax={newInvestMax} setNewInvestMax={setNewInvestMax}
|
||||
newInvestDuration={newInvestDuration} setNewInvestDuration={setNewInvestDuration}
|
||||
newInvestLock={newInvestLock} setNewInvestLock={setNewInvestLock}
|
||||
newInvestPenalty={newInvestPenalty} setNewInvestPenalty={setNewInvestPenalty}
|
||||
newInvestMonthly={newInvestMonthly} setNewInvestMonthly={setNewInvestMonthly}
|
||||
newInvestTotal={newInvestTotal} setNewInvestTotal={setNewInvestTotal}
|
||||
newInvestFicoSingleRent={newInvestFicoSingleRent} setNewInvestFicoSingleRent={setNewInvestFicoSingleRent}
|
||||
newInvestFicoRentToOwn={newInvestFicoRentToOwn} setNewInvestFicoRentToOwn={setNewInvestFicoRentToOwn}
|
||||
newInvestFicoShareEv={newInvestFicoShareEv} setNewInvestFicoShareEv={setNewInvestFicoShareEv}
|
||||
newInvestDesc={newInvestDesc} setNewInvestDesc={setNewInvestDesc}
|
||||
createInvestPlan={createInvestPlan} handleSave={handleSave}
|
||||
/>
|
||||
)}
|
||||
|
||||
{
|
||||
activeTab === 'swapstation' && (
|
||||
<SwapStationSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeSwapTab={activeSwapTab} setActiveSwapTab={setActiveSwapTab}
|
||||
addSwapStationPlan={addSwapStationPlan} setAddSwapStationPlan={setAddSwapStationPlan}
|
||||
newSwapName={newSwapName} setNewSwapName={setNewSwapName}
|
||||
newSwapStatus={newSwapStatus} setNewSwapStatus={setNewSwapStatus}
|
||||
newSwapBatteryCount={newSwapBatteryCount} setNewSwapBatteryCount={setNewSwapBatteryCount}
|
||||
newSwapPrice={newSwapPrice} setNewSwapPrice={setNewSwapPrice}
|
||||
newSwapMonthly={newSwapMonthly} setNewSwapMonthly={setNewSwapMonthly}
|
||||
newSwapDaily={newSwapDaily} setNewSwapDaily={setNewSwapDaily}
|
||||
newSwapMin={newSwapMin} setNewSwapMin={setNewSwapMin}
|
||||
newSwapMax={newSwapMax} setNewSwapMax={setNewSwapMax}
|
||||
newSwapProfit={newSwapProfit} setNewSwapProfit={setNewSwapProfit}
|
||||
newSwapDesc={newSwapDesc} setNewSwapDesc={setNewSwapDesc}
|
||||
createSwapStationPlan={createSwapStationPlan} handleSave={handleSave}
|
||||
{activeTab === 'kyc' && (
|
||||
<KycSettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activeMasterTab={activeMasterTab}
|
||||
setActiveMasterTab={setActiveMasterTab}
|
||||
addDocType={addDocType}
|
||||
setAddDocType={setAddDocType}
|
||||
newDocName={newDocName}
|
||||
setNewDocName={setNewDocName}
|
||||
newDocDesc={newDocDesc}
|
||||
setNewDocDesc={setNewDocDesc}
|
||||
/>
|
||||
)}
|
||||
|
||||
{
|
||||
activeTab === 'riderrequest' && (
|
||||
<RiderRequestSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeRiderTab={activeRiderTab} setActiveRiderTab={setActiveRiderTab}
|
||||
addRiderPlan={addRiderPlan} setAddRiderPlan={setAddRiderPlan}
|
||||
newRiderName={newRiderName} setNewRiderName={setNewRiderName}
|
||||
newRiderTier={newRiderTier} setNewRiderTier={setNewRiderTier}
|
||||
newRiderStatus={newRiderStatus} setNewRiderStatus={setNewRiderStatus}
|
||||
newRiderMin={newRiderMin} setNewRiderMin={setNewRiderMin}
|
||||
newRiderMax={newRiderMax} setNewRiderMax={setNewRiderMax}
|
||||
newRiderMonthly={newRiderMonthly} setNewRiderMonthly={setNewRiderMonthly}
|
||||
newRiderDaily={newRiderDaily} setNewRiderDaily={setNewRiderDaily}
|
||||
newRiderDeposit={newRiderDeposit} setNewRiderDeposit={setNewRiderDeposit}
|
||||
newRiderCommission={newRiderCommission} setNewRiderCommission={setNewRiderCommission}
|
||||
newRiderTarget={newRiderTarget} setNewRiderTarget={setNewRiderTarget}
|
||||
newRiderHoliday={newRiderHoliday} setNewRiderHoliday={setNewRiderHoliday}
|
||||
newRiderDesc={newRiderDesc} setNewRiderDesc={setNewRiderDesc}
|
||||
createRiderPlan={createRiderPlan} handleSave={handleSave}
|
||||
{activeTab === 'parts' && (
|
||||
<PartsSettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
showAddPolicy={showAddPolicy}
|
||||
setShowAddPolicy={setShowAddPolicy}
|
||||
newPolicyName={newPolicyName}
|
||||
setNewPolicyName={setNewPolicyName}
|
||||
newPolicyDesc={newPolicyDesc}
|
||||
setNewPolicyDesc={setNewPolicyDesc}
|
||||
editPolicyDescHtml={editPolicyDescHtml}
|
||||
setEditPolicyDescHtml={setEditPolicyDescHtml}
|
||||
editingPolicy={editingPolicy}
|
||||
setEditingPolicy={setEditingPolicy}
|
||||
editPolicyName={editPolicyName}
|
||||
setEditPolicyName={setEditPolicyName}
|
||||
editPolicyDesc={editPolicyDesc}
|
||||
setEditPolicyDesc={setEditPolicyDesc}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'templates' && (
|
||||
<EmailSMSTemplates settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
{activeTab === 'companyPolicy' && (
|
||||
<CompanyPolicySettings
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activeMasterTab={activeMasterTab}
|
||||
setActiveMasterTab={setActiveMasterTab}
|
||||
activeRentalTypeTab={activeRentalTypeTab}
|
||||
setActiveRentalTypeTab={setActiveRentalTypeTab}
|
||||
editingPolicy={editingPolicy}
|
||||
setEditingPolicy={setEditingPolicy}
|
||||
editPolicyName={editPolicyName}
|
||||
setEditPolicyName={setEditPolicyName}
|
||||
editPolicyDesc={editPolicyDesc}
|
||||
setEditPolicyDesc={setEditPolicyDesc}
|
||||
editPolicyDescHtml={editPolicyDescHtml}
|
||||
setEditPolicyDescHtml={setEditPolicyDescHtml}
|
||||
showAddPolicy={showAddPolicy}
|
||||
setShowAddPolicy={setShowAddPolicy}
|
||||
newPolicyName={newPolicyName}
|
||||
setNewPolicyName={setNewPolicyName}
|
||||
newPolicyDesc={newPolicyDesc}
|
||||
setNewPolicyDesc={setNewPolicyDesc}
|
||||
newPolicyShowApp={newPolicyShowApp}
|
||||
setNewPolicyShowApp={setNewPolicyShowApp}
|
||||
newPolicyShowWeb={newPolicyShowWeb}
|
||||
setNewPolicyShowWeb={setNewPolicyShowWeb}
|
||||
editPolicyShowApp={editPolicyShowApp}
|
||||
setEditPolicyShowApp={setEditPolicyShowApp}
|
||||
editPolicyShowWeb={editPolicyShowWeb}
|
||||
setEditPolicyShowWeb={setEditPolicyShowWeb}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'plans' && (
|
||||
<PlanSelection
|
||||
settings={settings}
|
||||
setSettings={updateSettings}
|
||||
activePlanTab={activePlanTab}
|
||||
setActivePlanTab={setActivePlanTab}
|
||||
handleSave={handleSave}
|
||||
addNewPlan={addNewPlan}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'investment' && (
|
||||
<InvestmentSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeInvestTab={activeInvestTab} setActiveInvestTab={setActiveInvestTab}
|
||||
addInvestPlan={addInvestPlan} setAddInvestPlan={setAddInvestPlan}
|
||||
newInvestName={newInvestName} setNewInvestName={setNewInvestName}
|
||||
newInvestStatus={newInvestStatus} setNewInvestStatus={setNewInvestStatus}
|
||||
newInvestTarget={newInvestTarget} setNewInvestTarget={setNewInvestTarget}
|
||||
newInvestStart={newInvestStart} setNewInvestStart={setNewInvestStart}
|
||||
newInvestEnd={newInvestEnd} setNewInvestEnd={setNewInvestEnd}
|
||||
newInvestMin={newInvestMin} setNewInvestMin={setNewInvestMin}
|
||||
newInvestMax={newInvestMax} setNewInvestMax={setNewInvestMax}
|
||||
newInvestDuration={newInvestDuration} setNewInvestDuration={setNewInvestDuration}
|
||||
newInvestLock={newInvestLock} setNewInvestLock={setNewInvestLock}
|
||||
newInvestPenalty={newInvestPenalty} setNewInvestPenalty={setNewInvestPenalty}
|
||||
newInvestMonthly={newInvestMonthly} setNewInvestMonthly={setNewInvestMonthly}
|
||||
newInvestTotal={newInvestTotal} setNewInvestTotal={setNewInvestTotal}
|
||||
newInvestFicoSingleRent={newInvestFicoSingleRent} setNewInvestFicoSingleRent={setNewInvestFicoSingleRent}
|
||||
newInvestFicoRentToOwn={newInvestFicoRentToOwn} setNewInvestFicoRentToOwn={setNewInvestFicoRentToOwn}
|
||||
newInvestFicoShareEv={newInvestFicoShareEv} setNewInvestFicoShareEv={setNewInvestFicoShareEv}
|
||||
newInvestDesc={newInvestDesc} setNewInvestDesc={setNewInvestDesc}
|
||||
createInvestPlan={createInvestPlan} handleSave={handleSave}
|
||||
/>
|
||||
)}
|
||||
|
||||
{
|
||||
activeTab === 'swapstation' && (
|
||||
<SwapStationSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeSwapTab={activeSwapTab} setActiveSwapTab={setActiveSwapTab}
|
||||
addSwapStationPlan={addSwapStationPlan} setAddSwapStationPlan={setAddSwapStationPlan}
|
||||
newSwapName={newSwapName} setNewSwapName={setNewSwapName}
|
||||
newSwapStatus={newSwapStatus} setNewSwapStatus={setNewSwapStatus}
|
||||
newSwapBatteryCount={newSwapBatteryCount} setNewSwapBatteryCount={setNewSwapBatteryCount}
|
||||
newSwapPrice={newSwapPrice} setNewSwapPrice={setNewSwapPrice}
|
||||
newSwapMonthly={newSwapMonthly} setNewSwapMonthly={setNewSwapMonthly}
|
||||
newSwapDaily={newSwapDaily} setNewSwapDaily={setNewSwapDaily}
|
||||
newSwapMin={newSwapMin} setNewSwapMin={setNewSwapMin}
|
||||
newSwapMax={newSwapMax} setNewSwapMax={setNewSwapMax}
|
||||
newSwapProfit={newSwapProfit} setNewSwapProfit={setNewSwapProfit}
|
||||
newSwapDesc={newSwapDesc} setNewSwapDesc={setNewSwapDesc}
|
||||
createSwapStationPlan={createSwapStationPlan} handleSave={handleSave}
|
||||
/>
|
||||
)}
|
||||
|
||||
{
|
||||
activeTab === 'riderrequest' && (
|
||||
<RiderRequestSettings
|
||||
settings={settings} setSettings={setSettings}
|
||||
activeRiderTab={activeRiderTab} setActiveRiderTab={setActiveRiderTab}
|
||||
addRiderPlan={addRiderPlan} setAddRiderPlan={setAddRiderPlan}
|
||||
newRiderName={newRiderName} setNewRiderName={setNewRiderName}
|
||||
newRiderTier={newRiderTier} setNewRiderTier={setNewRiderTier}
|
||||
newRiderStatus={newRiderStatus} setNewRiderStatus={setNewRiderStatus}
|
||||
newRiderMin={newRiderMin} setNewRiderMin={setNewRiderMin}
|
||||
newRiderMax={newRiderMax} setNewRiderMax={setNewRiderMax}
|
||||
newRiderMonthly={newRiderMonthly} setNewRiderMonthly={setNewRiderMonthly}
|
||||
newRiderDaily={newRiderDaily} setNewRiderDaily={setNewRiderDaily}
|
||||
newRiderDeposit={newRiderDeposit} setNewRiderDeposit={setNewRiderDeposit}
|
||||
newRiderCommission={newRiderCommission} setNewRiderCommission={setNewRiderCommission}
|
||||
newRiderTarget={newRiderTarget} setNewRiderTarget={setNewRiderTarget}
|
||||
newRiderHoliday={newRiderHoliday} setNewRiderHoliday={setNewRiderHoliday}
|
||||
newRiderDesc={newRiderDesc} setNewRiderDesc={setNewRiderDesc}
|
||||
createRiderPlan={createRiderPlan} handleSave={handleSave}
|
||||
/>
|
||||
)}
|
||||
|
||||
{activeTab === 'templates' && (
|
||||
<EmailSMSTemplates settings={settings} setSettings={updateSettings} />
|
||||
)}
|
||||
|
||||
</div >
|
||||
</div >
|
||||
|
||||
|
||||
</div >
|
||||
|
||||
|
||||
</div >
|
||||
</>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user