ouyang/wr.do
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: adjust codes

Browse Source
This commit is contained in:
oiov
2024-07-29 19:07:56 +08:00
parent 891df736fa
commit 0cb00677db
12 changed files with 72 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/(protected)/dashboard/info-card.tsx
+2 -2
View File
@@ -16,7 +16,7 @@ export async function DNSInfoCard({ userId }: { userId: string }) {
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
<Link
className="font-semibold text-slate-500 duration-500 group-hover:text-cyan-500 group-hover:underline"
className="font-semibold text-slate-500 duration-500 group-hover:text-blue-500 group-hover:underline"
href="/dashboard/records"
>
DNS Records
@@ -48,7 +48,7 @@ export async function UrlsInfoCard({ userId }: { userId: string }) {
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-sm font-medium">
<Link
className="font-semibold text-slate-500 duration-500 group-hover:text-cyan-500 group-hover:underline"
className="font-semibold text-slate-500 duration-500 group-hover:text-blue-500 group-hover:underline"
href="/dashboard/urls"
>
Short URLs
app/(protected)/dashboard/page.tsx
+8 -5
View File
@@ -22,12 +22,15 @@ export default async function DashboardPage() {
return (
<>
<DashboardHeader heading="Dashboard" />
<DashboardHeader
heading="Dashboard"
text="𝐖𝐑.𝐃𝐎 Beta Launching Now! 🎉"
/>
<div className="flex flex-col gap-5">
<div className="grid grid-cols-1 gap-4 sm:grid-cols-3 xl:grid-cols-3">
<div className="group relative mb-4 h-full w-full shrink-0 origin-left overflow-hidden rounded-lg border bg-gray-200/50 p-4 text-left duration-500 before:absolute before:right-1 before:top-1 before:z-[2] before:h-12 before:w-12 before:rounded-full before:bg-violet-500 before:blur-lg before:duration-500 after:absolute after:right-8 after:top-3 after:z-[2] after:h-20 after:w-20 after:rounded-full after:bg-rose-300 after:blur-lg after:duration-500 hover:border-cyan-600 hover:decoration-2 hover:duration-500 hover:before:-bottom-8 hover:before:right-12 hover:before:blur hover:before:[box-shadow:_20px_20px_20px_30px_#a21caf] hover:after:-right-8 group-hover:before:duration-500 group-hover:after:duration-500 dark:bg-primary-foreground md:max-w-[350px]">
<h1 className="mb-7 text-xl font-bold duration-500 group-hover:text-cyan-500">
Try free trail
<div className="group relative mb-4 h-full w-full shrink-0 origin-left overflow-hidden rounded-lg border bg-gray-50/70 p-4 text-left duration-500 before:absolute before:right-1 before:top-1 before:z-[2] before:h-12 before:w-12 before:rounded-full before:bg-violet-500 before:blur-lg before:duration-500 after:absolute after:right-8 after:top-3 after:z-[2] after:h-20 after:w-20 after:rounded-full after:bg-rose-300 after:blur-lg after:duration-500 hover:border-cyan-600 hover:decoration-2 hover:duration-500 hover:before:-bottom-8 hover:before:right-12 hover:before:blur hover:before:[box-shadow:_20px_20px_20px_30px_#a21caf] hover:after:-right-8 group-hover:before:duration-500 group-hover:after:duration-500 dark:bg-primary-foreground md:max-w-[350px]">
<h1 className="mb-7 text-lg font-bold duration-500 group-hover:text-blue-500">
Free Records & URLs
</h1>
<p className="text-sm">
Learn more from{" "}
@@ -36,7 +39,7 @@ export default async function DashboardPage() {
href="/docs"
target="_blank"
>
document.
documents.
</Link>{" "}
</p>
</div>
app/(protected)/dashboard/records/record-list.tsx
+23 -8
View File
@@ -32,6 +32,12 @@ import {
TableHeader,
TableRow,
} from "@/components/ui/table";
import {
Tooltip,
TooltipContent,
TooltipProvider,
TooltipTrigger,
} from "@/components/ui/tooltip";
import StatusDot from "@/components/dashboard/status-dot";
import { FormType, RecordForm } from "@/components/forms/record-form";
import { EmptyPlaceholder } from "@/components/shared/empty-placeholder";
@@ -42,14 +48,14 @@ export interface RecordListProps {
function TableColumnSekleton({ className }: { className?: string }) {
return (
<TableRow className="grid grid-cols-3 items-center sm:grid-cols-6">
<TableRow className="grid grid-cols-3 items-center sm:grid-cols-7">
<TableCell className="col-span-1">
<Skeleton className="h-5 w-24" />
</TableCell>
<TableCell className="col-span-1">
<Skeleton className="h-5 w-24" />
</TableCell>
<TableCell className="col-span-1 hidden sm:inline-block">
<TableCell className="col-span-2 hidden sm:inline-block">
<Skeleton className="h-5 w-24" />
</TableCell>
<TableCell className="col-span-1 hidden sm:inline-block">
@@ -133,14 +139,14 @@ export default function UserRecordsList({ user }: RecordListProps) {
)}
<Table>
<TableHeader>
<TableRow className="grid grid-cols-3 items-center sm:grid-cols-6">
<TableRow className="grid grid-cols-3 items-center sm:grid-cols-7">
<TableHead className="col-span-1 flex items-center font-bold">
Type
</TableHead>
<TableHead className="col-span-1 flex items-center font-bold">
Name
</TableHead>
<TableHead className="col-span-1 hidden items-center font-bold sm:flex">
<TableHead className="col-span-2 hidden items-center font-bold sm:flex">
Content
</TableHead>
<TableHead className="col-span-1 hidden items-center font-bold sm:flex">
@@ -163,15 +169,24 @@ export default function UserRecordsList({ user }: RecordListProps) {
</>
) : data && data.length > 0 ? (
data.map((record) => (
<TableRow className="grid animate-fade-in grid-cols-3 items-center animate-in sm:grid-cols-6">
<TableRow className="grid animate-fade-in grid-cols-3 items-center animate-in sm:grid-cols-7">
<TableCell className="col-span-1">
<Badge className="text-xs" variant="outline">
{record.type}
</Badge>
</TableCell>
<TableCell className="col-span-1">{record.name}</TableCell>
<TableCell className="col-span-1 hidden sm:inline-block">
{record.content}
<TableCell className="col-span-1">
{record.name.endsWith(".wr.do")
? record.name.slice(0, -6)
: record.name}
</TableCell>
<TableCell className="col-span-2 hidden truncate text-nowrap sm:inline-block">
<TooltipProvider>
<Tooltip delayDuration={200}>
<TooltipTrigger>{record.content}</TooltipTrigger>
<TooltipContent>{record.content}</TooltipContent>
</Tooltip>
</TooltipProvider>
</TableCell>
<TableCell className="col-span-1 hidden sm:inline-block">
{
components/layout/dashboard-sidebar.tsx
+32 -2
View File
@@ -72,9 +72,9 @@ export function DashboardSidebar({ links }: DashboardSidebarProps) {
<div className="flex h-14 items-center p-4 lg:h-[60px]">
{/* {isSidebarExpanded ? <ProjectSwitcher /> : null} */}
{isSidebarExpanded && (
<h1 className="font-satoshi text-xl font-bold">
<Link href="/" className="font-satoshi text-xl font-bold">
{siteConfig.name}
</h1>
</Link>
)}
<Button
variant="ghost"
@@ -172,6 +172,36 @@ export function DashboardSidebar({ links }: DashboardSidebarProps) {
{/* <div className="mt-auto xl:p-4">
{isSidebarExpanded ? <UpgradeCard /> : null}
</div> */}
<p className="mx-3 mb-3 mt-auto font-mono text-xs text-muted-foreground/70">
&copy; 2024{" "}
<Link
href={siteConfig.links.github}
target="_blank"
rel="noreferrer"
className="font-medium text-primary underline underline-offset-2"
>
oiov
</Link>
. <br /> Built with{" "}
<Link
href="https://nextjs.org?ref=wrdo"
target="_blank"
rel="noreferrer"
className="font-medium text-primary underline underline-offset-2"
>
Nextjs
</Link>{" "}
&{" "}
<Link
href="https://www.cloudflare.com?ref=wrdo"
target="_blank"
rel="noreferrer"
className="font-medium text-primary underline underline-offset-2"
>
Cloudflare
</Link>
.
</p>
</div>
</aside>
</ScrollArea>
components/layout/navbar.tsx
+3
View File
@@ -17,6 +17,8 @@ import { ModalContext } from "@/components/modals/providers";
import { Icons } from "@/components/shared/icons";
import MaxWidthWrapper from "@/components/shared/max-width-wrapper";
import { ModeToggle } from "./mode-toggle";
interface NavBarProps {
scroll?: boolean;
large?: boolean;
@@ -98,6 +100,7 @@ export function NavBar({ scroll = false }: NavBarProps) {
</div>
) : null}
<ModeToggle />
{session ? (
<Link
href={session.user.role === "ADMIN" ? "/admin" : "/dashboard"}
components/layout/site-footer.tsx
+1 -1
View File
@@ -48,7 +48,7 @@ export function SiteFooter({ className }: React.HTMLAttributes<HTMLElement>) {
>
oiov
</Link>
. Built with{" "}
. <br className="block sm:hidden" /> Built with{" "}
<Link
href="https://nextjs.org?ref=wrdo"
target="_blank"
components/sections/hero-landing.tsx
+1 -1
View File
@@ -16,7 +16,7 @@ export default async function HeroLanding() {
"px-4",
)}
>
<span className="mr-3">🎉</span> WR.DO Beta Launching Now!
<span className="mr-3">🎉</span> 𝐖𝐑.𝐃𝐎 Beta Launching Now!
</Link>
<h1 className="text-balance font-satoshi text-[40px] font-black leading-[1.15] tracking-tight sm:text-5xl md:text-6xl md:leading-[1.15]">
components/sections/preview-landing.tsx
+2 -2
View File
@@ -1,5 +1,5 @@
import darkPreview from "@/public/_static/images/dark-preview.jpg";
import lightPreview from "@/public/_static/images/light-preview.jpg";
import darkPreview from "@/public/_static/images/dark-preview.png";
import lightPreview from "@/public/_static/images/light-preview.png";
import BlurImage from "@/components/shared/blur-image";
import MaxWidthWrapper from "@/components/shared/max-width-wrapper";
public/_static/images/dark-preview.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 196 KiB

public/_static/images/dark-preview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 223 KiB

public/_static/images/light-preview.jpg
BIN
View File
Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 211 KiB

public/_static/images/light-preview.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 KiB