Renamed files naming convention to kebab-case format for consistency

ladunjexa · ladunjexa · commit c05860e2db7e · 2023-11-09T02:41:03.000+02:00
diff --git a/app/(main)/(routes)/documents/[documentId]/page.tsx b/app/(main)/(routes)/documents/[documentId]/page.tsx
@@ -6,8 +6,8 @@ import dynamic from "next/dynamic";
 import { useMutation, useQuery } from "convex/react";
 
 import { Skeleton } from "@/components/ui/skeleton";
-import { Cover } from "@/components/shared/Cover";
-import { Toolbar } from "@/components/shared/Toolbar";
+import { Cover } from "@/components/shared/cover";
+import { Toolbar } from "@/components/shared/toolbox";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
@@ -21,7 +21,7 @@ type Props = {
 export default function Document({ params: { documentId } }: Props) {
   const Editor = useMemo(
     () =>
-      dynamic(() => import("@/components/shared/Editor"), {
+      dynamic(() => import("@/components/shared/editor"), {
         ssr: false,
       }),
     []
diff --git a/app/(main)/_components/Banner.tsx b/app/(main)/_components/Banner.tsx
@@ -6,7 +6,7 @@ import { useMutation } from "convex/react";
 import { toast } from "sonner";
 
 import { Button } from "@/components/ui/button";
-import { ConfirmModal } from "@/components/modals/ConfirmModal";
+import { ConfirmModal } from "@/components/modals/confirm-modal";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
diff --git a/app/(main)/_components/Navbar.tsx b/app/(main)/_components/Navbar.tsx
@@ -5,10 +5,10 @@ import { useParams } from "next/navigation";
 import { useQuery } from "convex/react";
 import { MenuIcon } from "lucide-react";
 
-import { Title } from "./Title";
-import { Banner } from "./Banner";
-import { Menu } from "./Menu";
-import { Publish } from "./Publish";
+import { Title } from "./title";
+import { Banner } from "./banner";
+import { Menu } from "./menu";
+import { Publish } from "./publish";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
diff --git a/app/(main)/_components/Navigation.tsx b/app/(main)/_components/Navigation.tsx
@@ -21,14 +21,14 @@ import {
   PopoverContent,
   PopoverTrigger,
 } from "@/components/ui/popover";
-import { TrashBox } from "./TrashBox";
-import { UserItem } from "./UserItem";
-import { Navbar } from "./Navbar";
-import { Item } from "./Item";
-import { DocumentList } from "./DocumentList";
-
-import { useSearch } from "@/hooks/useSearch";
-import { useSettings } from "@/hooks/useSettings";
+import { TrashBox } from "./trash-box";
+import { UserItem } from "./user-item";
+import { Navbar } from "./navbar";
+import { Item } from "./item";
+import { DocumentList } from "./document-list";
+
+import { useSearch } from "@/hooks/use-search";
+import { useSettings } from "@/hooks/use-settings";
 
 import { api } from "@/convex/_generated/api";
 
diff --git a/app/(main)/_components/Publish.tsx b/app/(main)/_components/Publish.tsx
@@ -14,7 +14,7 @@ import { Button } from "@/components/ui/button";
 import { api } from "@/convex/_generated/api";
 import { Doc } from "@/convex/_generated/dataModel";
 
-import useOrigin from "@/hooks/useOrigin";
+import useOrigin from "@/hooks/use-origin";
 
 interface PublishProps {
   initialData: Doc<"documents">;
diff --git a/app/(main)/_components/document-list.tsx b/app/(main)/_components/document-list.tsx
@@ -6,7 +6,7 @@ import { useParams, useRouter } from "next/navigation";
 import { useQuery } from "convex/react";
 import { FileIcon } from "lucide-react";
 
-import { Item } from "./Item";
+import { Item } from "./item";
 
 import { api } from "@/convex/_generated/api";
 import { Doc, Id } from "@/convex/_generated/dataModel";
diff --git a/app/(main)/_components/trash-box.tsx b/app/(main)/_components/trash-box.tsx
@@ -8,8 +8,8 @@ import { toast } from "sonner";
 import { Search, Trash, Undo } from "lucide-react";
 
 import { Input } from "@/components/ui/input";
-import { ConfirmModal } from "@/components/modals/ConfirmModal";
-import { Spinner } from "@/components/shared/Spinner";
+import { ConfirmModal } from "@/components/modals/confirm-modal";
+import { Spinner } from "@/components/shared/spinner";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
diff --git a/app/(main)/_components/user-item.tsx b/app/(main)/_components/user-item.tsx
diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx
@@ -5,9 +5,9 @@ import { redirect } from "next/navigation";
 
 import { useConvexAuth } from "convex/react";
 
-import { Navigation } from "./_components/Navigation";
-import { Spinner } from "@/components/shared/Spinner";
-import SearchCommand from "@/components/shared/SearchCommand";
+import { Navigation } from "./_components/navigation";
+import { Spinner } from "@/components/shared/spinner";
+import SearchCommand from "@/components/shared/search-command";
 
 export default function MainLayout({
   children,
diff --git a/app/(marketing)/_components/Footer.tsx b/app/(marketing)/_components/Footer.tsx
@@ -1,5 +1,5 @@
 import { Button } from "@/components/ui/button";
-import { Logo } from "./Logo";
+import { Logo } from "./logo";
 
 export const Footer = () => {
   return (
diff --git a/app/(marketing)/_components/Heading.tsx b/app/(marketing)/_components/Heading.tsx
@@ -8,7 +8,7 @@ import { SignInButton } from "@clerk/clerk-react";
 import { ArrowRight } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
-import { Spinner } from "@/components/shared/Spinner";
+import { Spinner } from "@/components/shared/spinner";
 
 export const Heading = () => {
   const { isAuthenticated, isLoading } = useConvexAuth();
diff --git a/app/(marketing)/_components/Navbar.tsx b/app/(marketing)/_components/Navbar.tsx
@@ -6,11 +6,11 @@ import { useConvexAuth } from "convex/react";
 import { SignInButton, SignUpButton, UserButton } from "@clerk/clerk-react";
 
 import { Button } from "@/components/ui/button";
-import { ModeToggle } from "@/components/shared/ModeToggle";
-import { Spinner } from "@/components/shared/Spinner";
-import { Logo } from "./Logo";
+import { ModeToggle } from "@/components/shared/mode-toggle";
+import { Spinner } from "@/components/shared/spinner";
+import { Logo } from "./logo";
 
-import useScrollTop from "@/hooks/useScrollTop";
+import useScrollTop from "@/hooks/use-scroll-top";
 
 import { cn } from "@/lib/utils";
 
diff --git a/app/(marketing)/layout.tsx b/app/(marketing)/layout.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 
-import { Navbar } from "./_components/Navbar";
+import { Navbar } from "./_components/navbar";
 
 export default function MarketingLayout({
   children,
diff --git a/app/(marketing)/page.tsx b/app/(marketing)/page.tsx
@@ -1,6 +1,6 @@
-import { Footer } from "./_components/Footer";
-import { Heading } from "./_components/Heading";
-import { Heroes } from "./_components/Heroes";
+import { Footer } from "./_components/footer";
+import { Heading } from "./_components/heading";
+import { Heroes } from "./_components/heroes";
 
 export default function Marketing() {
   return (
diff --git a/app/(public)/(routes)/preview/[documentId]/page.tsx b/app/(public)/(routes)/preview/[documentId]/page.tsx
@@ -6,8 +6,8 @@ import dynamic from "next/dynamic";
 import { useMutation, useQuery } from "convex/react";
 
 import { Skeleton } from "@/components/ui/skeleton";
-import { Cover } from "@/components/shared/Cover";
-import { Toolbar } from "@/components/shared/Toolbar";
+import { Cover } from "@/components/shared/cover";
+import { Toolbar } from "@/components/shared/toolbox";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
@@ -21,7 +21,7 @@ type Props = {
 export default function Preview({ params: { documentId } }: Props) {
   const Editor = useMemo(
     () =>
-      dynamic(() => import("@/components/shared/Editor"), {
+      dynamic(() => import("@/components/shared/editor"), {
         ssr: false,
       }),
     []
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -4,9 +4,9 @@ import { Inter } from "next/font/google";
 
 import { Toaster } from "sonner";
 
-import { ThemeProvider } from "@/components/providers/ThemeProvider";
-import { ConvexClientProvider } from "@/components/providers/ConvexProvider";
-import { ModalProvider } from "@/components/providers/ModalProvider";
+import { ThemeProvider } from "@/components/providers/theme-provider";
+import { ConvexClientProvider } from "@/components/providers/convex-provider";
+import { ModalProvider } from "@/components/providers/modal-provider";
 
 import { EdgeStoreProvider } from "@/lib/edgestore";
 
diff --git a/components/modals/confirm-modal.tsx b/components/modals/confirm-modal.tsx
diff --git a/components/modals/cover-image-modal.tsx b/components/modals/cover-image-modal.tsx
@@ -6,12 +6,12 @@ import { useParams } from "next/navigation";
 import { useMutation } from "convex/react";
 
 import { Dialog, DialogHeader, DialogContent } from "@/components/ui/dialog";
-import { SingleImageDropzone } from "@/components/shared/SingleImageDropzone";
+import { SingleImageDropzone } from "@/components/shared/single-image-dropzone";
 
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
 
-import { useCoverImage } from "@/hooks/useCoverImage";
+import { useCoverImage } from "@/hooks/use-cover-image";
 
 import { useEdgeStore } from "@/lib/edgestore";
 
diff --git a/components/modals/settings-modal.tsx b/components/modals/settings-modal.tsx
@@ -2,9 +2,9 @@
 
 import { Dialog, DialogContent, DialogHeader } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
-import { ModeToggle } from "@/components/shared/ModeToggle";
+import { ModeToggle } from "@/components/shared/mode-toggle";
 
-import { useSettings } from "@/hooks/useSettings";
+import { useSettings } from "@/hooks/use-settings";
 
 export const SettingsModal = () => {
   const settings = useSettings();
diff --git a/components/providers/convex-provider.tsx b/components/providers/convex-provider.tsx
diff --git a/components/providers/modal-provider.tsx b/components/providers/modal-provider.tsx
@@ -2,8 +2,8 @@
 
 import { useState, useEffect } from "react";
 
-import { SettingsModal } from "@/components/modals/SettingsModal";
-import { CoverImageModal } from "@/components/modals/CoverImageModal";
+import { SettingsModal } from "@/components/modals/settings-modal";
+import { CoverImageModal } from "@/components/modals/cover-image-modal";
 
 export function ModalProvider() {
   const [isMounted, setIsMounted] = useState(false);
diff --git a/components/providers/theme-provider.tsx b/components/providers/theme-provider.tsx
diff --git a/components/shared/Cover.tsx b/components/shared/Cover.tsx
@@ -12,7 +12,7 @@ import { Skeleton } from "@/components/ui/skeleton";
 import { api } from "@/convex/_generated/api";
 import { Id } from "@/convex/_generated/dataModel";
 
-import { useCoverImage } from "@/hooks/useCoverImage";
+import { useCoverImage } from "@/hooks/use-cover-image";
 
 import { useEdgeStore } from "@/lib/edgestore";
 
diff --git a/components/shared/Editor.tsx b/components/shared/Editor.tsx
@@ -12,6 +12,7 @@ interface EditorProps {
   initialContent?: string;
   editable?: boolean;
 }
+
 const Editor = ({ onChange, initialContent, editable }: EditorProps) => {
   const { resolvedTheme } = useTheme();
   const { edgestore } = useEdgeStore();
diff --git a/components/shared/icon-picker.tsx b/components/shared/icon-picker.tsx
diff --git a/components/shared/mode-toggle.tsx b/components/shared/mode-toggle.tsx
diff --git a/components/shared/search-command.tsx b/components/shared/search-command.tsx
@@ -18,7 +18,7 @@ import {
 
 import { api } from "@/convex/_generated/api";
 
-import { useSearch } from "@/hooks/useSearch";
+import { useSearch } from "@/hooks/use-search";
 
 const SearchCommand = () => {
   const { user } = useUser();
diff --git a/components/shared/single-image-dropzone.tsx b/components/shared/single-image-dropzone.tsx
@@ -6,7 +6,7 @@ import { UploadCloudIcon, X } from "lucide-react";
 import { useDropzone, type DropzoneOptions } from "react-dropzone";
 import { twMerge } from "tailwind-merge";
 
-import { Spinner } from "./Spinner";
+import { Spinner } from "./spinner";
 
 const variants = {
   base: "relative rounded-md flex justify-center items-center flex-col cursor-pointer min-h-[150px] min-w-[200px] border border-dashed border-gray-400 dark:border-gray-300 transition-colors duration-200 ease-in-out",
diff --git a/components/shared/toolbox.tsx b/components/shared/toolbox.tsx
@@ -7,12 +7,12 @@ import TextareaAutosize from "react-textarea-autosize";
 import { ImageIcon, Smile, X } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
-import { IconPicker } from "./IconPicker";
+import { IconPicker } from "./icon-picker";
 
 import { api } from "@/convex/_generated/api";
 import { Doc } from "@/convex/_generated/dataModel";
 
-import { useCoverImage } from "@/hooks/useCoverImage";
+import { useCoverImage } from "@/hooks/use-cover-image";
 
 interface ToolbarProps {
   initialData: Doc<"documents">;
diff --git a/hooks/use-cover-image.ts b/hooks/use-cover-image.ts
diff --git a/hooks/use-origin.tsx b/hooks/use-origin.tsx
diff --git a/hooks/use-scroll-top.ts b/hooks/use-scroll-top.ts
diff --git a/hooks/use-search.ts b/hooks/use-search.ts
diff --git a/hooks/use-settings.tsx b/hooks/use-settings.tsx
