chore: add documentation links

This commit is contained in:
Abhishek Kumar 2026-04-09 12:39:49 +05:30
parent 9decdb2f4b
commit e6fd106a29
4 changed files with 26 additions and 7 deletions

View file

@ -1,11 +1,13 @@
import ServiceConfiguration from "@/components/ServiceConfiguration";
import { SETTINGS_DOCUMENTATION_URLS } from "@/constants/documentation";
export default function ServiceConfigurationPage() {
return (
<div className="min-h-screen bg-background">
<div className="container mx-auto px-4 py-8">
<div className="max-w-4xl mx-auto">
<ServiceConfiguration />
<ServiceConfiguration docsUrl={SETTINGS_DOCUMENTATION_URLS.modelOverrides} />
</div>
</div>
</div>

View file

@ -1,6 +1,6 @@
"use client";
import { Plus, Trash2 } from "lucide-react";
import { ExternalLink, Plus, Trash2 } from "lucide-react";
import { useRouter, useSearchParams } from "next/navigation";
import { useEffect, useState } from "react";
import { useForm } from "react-hook-form";
@ -318,7 +318,10 @@ export default function ConfigureTelephonyPage() {
<div className="container mx-auto px-4 py-8">
<h1 className="text-3xl font-bold mb-2">Configure Telephony</h1>
<p className="text-muted-foreground mb-6">
Set up your telephony provider to make phone calls
Set up your telephony provider to make phone calls.{" "}
<a href="https://docs.dograh.com/integrations/telephony/overview" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
Learn more <ExternalLink className="h-3 w-3" />
</a>
</p>
<div className="grid grid-cols-1 lg:grid-cols-2 gap-6">

View file

@ -1,6 +1,6 @@
"use client";
import { Plus, RotateCcw, Search, Trash2 } from "lucide-react";
import { ExternalLink, Plus, RotateCcw, Search, Trash2 } from "lucide-react";
import { useRouter } from "next/navigation";
import { useCallback, useEffect, useState } from "react";
@ -269,7 +269,10 @@ export default function ToolsPage() {
<div className="mb-8">
<h1 className="text-3xl font-bold mb-2">Tools</h1>
<p className="text-muted-foreground">
Manage reusable tools that can be used across your workflows
Manage reusable tools that can be used across your workflows.{" "}
<a href="https://docs.dograh.com/voice-agent/tools/introduction" target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
Learn more <ExternalLink className="h-3 w-3" />
</a>
</p>
</div>

View file

@ -1,9 +1,15 @@
"use client";
import { ExternalLink } from "lucide-react";
import { ServiceConfigurationForm } from "@/components/ServiceConfigurationForm";
import { useUserConfig } from "@/context/UserConfigContext";
export default function ServiceConfiguration() {
interface ServiceConfigurationProps {
docsUrl?: string;
}
export default function ServiceConfiguration({ docsUrl }: ServiceConfigurationProps) {
const { saveUserConfig } = useUserConfig();
return (
@ -11,7 +17,12 @@ export default function ServiceConfiguration() {
<div className="mb-6">
<h1 className="text-3xl font-bold mb-2">AI Models Configuration</h1>
<p className="text-muted-foreground">
Configure your AI model, voice, and transcription services.
Configure your AI model, voice, and transcription services.{" "}
{docsUrl && (
<a href={docsUrl} target="_blank" rel="noopener noreferrer" className="inline-flex items-center gap-0.5 underline">
Learn more <ExternalLink className="h-3 w-3" />
</a>
)}
</p>
</div>