Skip to content

Commit

Permalink
Optimizing for deployment
Browse files Browse the repository at this point in the history
  • Loading branch information
@moovendhan-v
moovendhan-v committed Mar 27, 2024
1 parent 8901fb7 commit ba13c78
Show file tree
Hide file tree
Showing 6 changed files with 32 additions and 91 deletions.
10 changes: 5 additions & 5 deletions ui_tailwind_shadecn/src/components/custom_ui/Community.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -47,19 +47,19 @@ const Community = ()=>{
</div>
<div className="mx-auto mt-10 max-w-2xl lg:mx-0 lg:max-w-none">
<div className="grid grid-cols-1 gap-x-8 gap-y-6 text-base font-semibold leading-7 text-white sm:grid-cols-2 md:flex lg:gap-x-10">
<a href="#">
<a href="#">
Discord <span aria-hidden="true">→</span>
</a>
<a href="#">
<a href="#">
Telegram <span aria-hidden="true">→</span>
</a>
<a href="#">
<a href="#">
Linkedin <span aria-hidden="true">→</span>
</a>
<a href="#">
<a href="#">
Youtube <span aria-hidden="true">→</span>
</a>
<a href="#">
<a href="#">
Instagram <span aria-hidden="true">→</span>
</a>
</div>
Expand Down
2 changes: 0 additions & 2 deletions ui_tailwind_shadecn/src/components/custom_ui/Nav.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,12 +4,10 @@
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuIndicator,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
NavigationMenuViewport,
} from "@/components/ui/navigation-menu"

const Nav = ()=>{
Expand Down
1 change: 0 additions & 1 deletion ui_tailwind_shadecn/src/components/custom_ui/OutputComponents.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,3 @@
import React from "react";

interface OutputOfComponentsProps {
html ?: string;
Expand Down
3 changes: 0 additions & 3 deletions ui_tailwind_shadecn/src/main.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,12 @@
import React from 'react'
import ReactDOM from 'react-dom/client'
import App from './App.tsx'
import './index.css'
import { ThemeProvider } from "./components/theme-provider.tsx"

ReactDOM.createRoot(document.getElementById('root')!).render(

<ThemeProvider defaultTheme="dark" storageKey="vite-ui-theme">
<App />
</ThemeProvider>

)


31 changes: 16 additions & 15 deletions ui_tailwind_shadecn/src/screens/Components.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import {
LineChart,
Menu,
Package,
Package2,
Search,
ShoppingCart,
Users,
Expand Down Expand Up @@ -46,17 +45,18 @@ export function Components() {
<span className="sr-only">Toggle notifications</span>
</Button>
</div>

<div className="flex-1">
<nav className="grid items-start px-2 text-sm font-medium lg:px-4">
<Link
href="#"
to={`/`}
className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
>
<Home className="h-4 w-4" />
Dashboard
</Link>
<Link
href="#"
to={`/`}
className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
>
<ShoppingCart className="h-4 w-4" />
Expand All @@ -66,21 +66,21 @@ export function Components() {
</Badge>
</Link>
<Link
href="#"
to={`/`}
className="flex items-center gap-3 rounded-lg bg-muted px-3 py-2 text-primary transition-all hover:text-primary"
>
<Package className="h-4 w-4" />
Products{" "}
</Link>
<Link
href="#"
to={`/`}
className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
>
<Users className="h-4 w-4" />
Customers
</Link>
<Link
href="#"
to={`/`}
className="flex items-center gap-3 rounded-lg px-3 py-2 text-muted-foreground transition-all hover:text-primary"
>
<LineChart className="h-4 w-4" />
Expand All @@ -103,6 +103,8 @@ export function Components() {
</CardContent>
</Card>
</div>


</div>
</div>
<div className="flex flex-col">
Expand All @@ -121,21 +123,21 @@ export function Components() {
<SheetContent side="left" className="flex flex-col">
<nav className="grid gap-2 text-lg font-medium">
<Link
href="#"
to={`/`}
className="flex items-center gap-2 text-lg font-semibold"
>
<Package2 className="h-6 w-6" />
<span className="sr-only">Acme Inc</span>
<Logo />
<span className="sr-only">Ui components</span>
</Link>
<Link
href="#"
to={`/`}
className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
>
<Home className="h-5 w-5" />
Dashboard
</Link>
<Link
href="#"
to={`/`}
className="mx-[-0.65rem] flex items-center gap-4 rounded-xl bg-muted px-3 py-2 text-foreground hover:text-foreground"
>
<ShoppingCart className="h-5 w-5" />
Expand All @@ -145,21 +147,21 @@ export function Components() {
</Badge>
</Link>
<Link
href="#"
to={`/`}
className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
>
<Package className="h-5 w-5" />
Products
</Link>
<Link
href="#"
to={`/`}
className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
>
<Users className="h-5 w-5" />
Customers
</Link>
<Link
href="#"
to={`/`}
className="mx-[-0.65rem] flex items-center gap-4 rounded-xl px-3 py-2 text-muted-foreground hover:text-foreground"
>
<LineChart className="h-5 w-5" />
Expand Down Expand Up @@ -241,7 +243,6 @@ export function Components() {
<div ><OutputsOfComponents html="Testing" css="Testing" js="testing" /></div>
</div>


{/* <div className="flex flex-1 items-center justify-center rounded-lg border border-dashed shadow-sm">
<div className="flex flex-col items-center gap-1 text-center">
<h3 className="text-2xl font-bold tracking-tight">
Expand Down
76 changes: 11 additions & 65 deletions ui_tailwind_shadecn/src/screens/Home.tsx
View file
Original file line number Diff line number Diff line change
@@ -1,13 +1,7 @@
import {
Activity,
ArrowUpRight,
CircleUser,
CreditCard,
DollarSign,
Menu,
Package2,
Search,
Users,
} from "lucide-react"

import { Button } from "@/components/ui/button"
Expand All @@ -17,32 +11,12 @@ import { useTheme } from "@/components/theme-provider"
import {
NavigationMenu,
NavigationMenuContent,
NavigationMenuIndicator,
NavigationMenuItem,
NavigationMenuLink,
NavigationMenuList,
NavigationMenuTrigger,
NavigationMenuViewport,
} from "@/components/ui/navigation-menu"


import {
Avatar,
AvatarFallback,
AvatarImage,
} from "@/components/ui/avatar"

import { Badge } from "@/components/ui/badge"
import { Button } from "@/components/ui/button"
import {
Card,
CardContent,
CardDescription,
CardHeader,
CardTitle,
} from "@/components/ui/card"


import {
DropdownMenu,
DropdownMenuContent,
Expand All @@ -51,26 +25,15 @@ import {
DropdownMenuSeparator,
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu"
import { Input } from "@/components/ui/input"

import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
import {
Table,
TableBody,
TableCell,
TableHead,
TableHeader,
TableRow,
} from "@/components/ui/table"
import { Link } from "react-router-dom"

import Grid from "@/components/custom_ui/Grid"
import { Link } from "react-router-dom"

import { Input } from "@/components/ui/input"
import { Mail } from "lucide-react"

import {Logo} from "@/components/custom_ui/Svg"


import Teams from '../components/custom_ui/Teams';
import BlogCard from '../components/custom_ui/BlogCard';
import Content from '../components/custom_ui/Content';
Expand All @@ -79,7 +42,6 @@ import Footer from '@/components/custom_ui/Footer';
import YoutubeContent from '../components/custom_ui/YoutubeContent';
import Community from '../components/custom_ui/Community';


export function Dashboard() {
const { setTheme } = useTheme()
return (
Expand All @@ -89,20 +51,20 @@ export function Dashboard() {
<nav className="hidden flex-col gap-6 text-lg font-medium md:flex md:flex-row md:items-center md:gap-5 md:text-sm lg:gap-6">
<Logo />
<Link
href="#"
to={`/}`}
className="text-foreground transition-colors hover:text-foreground"
>
UiComponents
</Link>
<Link
href="#"
to={`/${"components"}`}
className="text-muted-foreground transition-colors hover:text-foreground"
>
Components
</Link>

<Link
href="#"
to={`/`}
className="text-muted-foreground transition-colors hover:text-foreground"
>
<NavigationMenu>
Expand Down Expand Up @@ -138,16 +100,6 @@ export function Dashboard() {
</a>
</NavigationMenuLink>
</li>

{/* <ListItem href="https://stitches.dev/" title="Stitches">
CSS-in-JS with best-in-class developer experience.
</ListItem>
<ListItem href="/colors" title="Colors">
Beautiful, thought-out palettes with auto dark mode.
</ListItem>
<ListItem href="https://icons.radix-ui.com/" title="Icons">
A crisp set of 15x15 icons, balanced and consistent.
</ListItem> */}
</ul>
</NavigationMenuContent>
</NavigationMenuItem>
Expand All @@ -169,36 +121,30 @@ export function Dashboard() {
</SheetTrigger>
<SheetContent side="left">
<nav className="grid gap-6 text-lg font-medium">
<Link
href="#"
className="flex items-center gap-2 text-lg font-semibold"
>
<Package2 className="h-6 w-6" />
<span className="sr-only">Acme Inc</span>
</Link>
<Link href="#" className="hover:text-foreground">
<Logo />
<Link to={`/}`} className="hover:text-foreground">
Dashboard
</Link>
<Link
href="#"
to={`/`}
className="text-muted-foreground hover:text-foreground"
>
Orders
</Link>
<Link
href="#"
to={`/`}
className="text-muted-foreground hover:text-foreground"
>
Products
</Link>
<Link
href="#"
to={`/`}
className="text-muted-foreground hover:text-foreground"
>
Customers
</Link>
<Link
href="#"
to={`/`}
className="text-muted-foreground hover:text-foreground"
>
Analytics
Expand Down

0 comments on commit ba13c78

Please sign in to comment.