From 17b6dfb52de48efefa9ddb53a290ff443857ca98 Mon Sep 17 00:00:00 2001 From: Eric Cabrel TIOGO Date: Sun, 20 Nov 2022 23:39:24 +0100 Subject: [PATCH] chore(web): replace default exports with named exports --- apps/web/__tests__/ui/newsletter.test.tsx | 8 +-- apps/web/src/components/auth/auth-alert.tsx | 2 +- .../src/components/home/feature-section.tsx | 23 +++++--- apps/web/src/components/home/hero-section.tsx | 2 +- .../home/newsletter/newsletter-alert.tsx | 8 +-- .../home/newsletter/newsletter-form.tsx | 11 ++-- .../home/newsletter/newsletter-section.tsx | 4 +- apps/web/src/components/layout/main.tsx | 2 +- .../src/components/layout/private/header.tsx | 17 ++++-- .../src/components/layout/private/layout.tsx | 8 +-- .../src/components/layout/public/footer.tsx | 12 ++-- .../src/components/layout/public/header.tsx | 6 +- .../layout/public/public-layout.tsx | 6 +- apps/web/src/components/seo/seo.tsx | 2 +- .../components/snippets/public-snippet.tsx | 8 ++- apps/web/src/containers/auth/login.tsx | 26 +++++---- apps/web/src/containers/auth/signup.tsx | 30 +++++----- apps/web/src/containers/home/index.tsx | 8 +-- apps/web/src/containers/page-not-found.tsx | 14 ++--- apps/web/src/containers/private/browse.tsx | 18 +++--- .../src/containers/private/folders/view.tsx | 13 +++-- apps/web/src/containers/private/home.tsx | 15 ++--- apps/web/src/containers/private/profile.tsx | 4 +- .../src/containers/private/snippets/view.tsx | 13 +++-- apps/web/src/hooks/authentication/use-auth.ts | 2 +- .../use-set-authenticated-user.ts | 2 +- apps/web/src/hooks/use-boolean-state.ts | 2 +- apps/web/src/hooks/use-custom-ref.ts | 5 -- apps/web/src/hooks/use-folder-directory.ts | 2 +- apps/web/src/pages/_app.tsx | 2 +- apps/web/src/pages/app/browse.tsx | 12 ++-- apps/web/src/pages/app/folders/[id].tsx | 2 +- apps/web/src/pages/app/home.tsx | 2 +- apps/web/src/pages/app/profile.tsx | 2 +- apps/web/src/pages/app/snippets/[id].tsx | 2 +- apps/web/src/pages/auth/fail.tsx | 4 +- apps/web/src/pages/auth/signup-success.tsx | 4 +- apps/web/src/pages/auth/success.tsx | 6 +- apps/web/src/pages/signin.tsx | 2 +- packages/front/.gitignore | 2 +- packages/front/{src => }/components/alert.tsx | 2 +- .../components/dialog/confirm-dialog.tsx | 2 +- .../components/directory/breadcrumb.tsx | 2 +- .../components/directory/folders/empty.tsx | 4 +- .../components/directory/folders/folder.tsx | 2 +- .../directory/folders/form/edit-folder.tsx | 4 +- .../{src => }/components/directory/index.tsx | 14 ++--- .../snippets/form/create-snippet.tsx | 4 +- .../snippets/form/editor/hooks/use-editor.ts | 0 .../form/editor/hooks/use-form-editor.ts | 0 .../directory/snippets/form/editor/index.tsx | 6 +- .../directory/snippets/form/form-schema.ts | 0 .../directory/snippets/form/utils.ts | 0 .../directory/snippets/form/view-snippet.tsx | 2 +- .../components/directory/snippets/snippet.tsx | 2 +- .../components/link/external-link.tsx | 0 .../front/{src => }/components/link/index.tsx | 2 +- .../{src => }/components/menu-action.tsx | 2 +- .../{src => }/components/menus/dot-menu.tsx | 0 .../{src => }/components/toast/provider.tsx | 0 .../{src => }/components/toast/toast.tsx | 3 +- .../front/{src => }/components/toast/types.ts | 0 .../components/toast/use-toast-manager.ts | 0 .../{src => }/components/user-avatar.tsx | 2 +- packages/front/{src => }/forms/button.tsx | 2 +- .../front/{src => }/forms/select-input.tsx | 2 +- .../front/{src => }/forms/switch-input.tsx | 2 +- packages/front/{src => }/forms/text-input.tsx | 2 +- .../folders/mutations/create-folder.ts | 0 .../folders/mutations/delete-folders.ts | 0 .../folders/mutations/update-folder.ts | 0 .../graphql/folders/queries/find-folder.ts | 0 .../graphql/folders/queries/list-directory.ts | 0 packages/front/{src => }/graphql/generated.ts | 0 packages/front/{src => }/graphql/index.ts | 0 .../mutations/subscribe-newsletter.ts | 0 .../snippets/mutations/create-snippet.ts | 0 .../snippets/mutations/delete-snippet.ts | 0 .../snippets/mutations/update-snippet.ts | 0 .../graphql/snippets/queries/find-snippet.ts | 0 .../snippets/queries/public-snippets.ts | 0 .../graphql/users/mutations/login-user.ts | 0 .../graphql/users/mutations/logout-user.ts | 0 .../graphql/users/mutations/signup-user.ts | 0 .../users/queries/authenticated-user.ts | 0 packages/front/{src => }/hooks/index.ts | 0 .../{src => }/hooks/use-boolean-state.ts | 0 .../{src => }/hooks/use-code-highlighter.ts | 0 .../{src => }/hooks/use-copy-to-clipboard.ts | 0 packages/front/{src => }/hooks/use-hover.ts | 0 packages/front/{src => }/icons/check.tsx | 0 packages/front/{src => }/icons/collection.tsx | 0 packages/front/{src => }/icons/cross.tsx | 0 .../front/{src => }/icons/document-search.tsx | 0 packages/front/{src => }/icons/embed.tsx | 0 packages/front/{src => }/icons/extension.tsx | 0 packages/front/{src => }/icons/github.tsx | 0 packages/front/{src => }/icons/google.tsx | 0 packages/front/{src => }/icons/import.tsx | 0 packages/front/{src => }/icons/index.tsx | 56 +++++++++---------- packages/front/{src => }/icons/logo-light.tsx | 0 packages/front/{src => }/icons/logo.tsx | 0 .../front/{src => }/icons/product-hunt.tsx | 0 packages/front/{src => }/icons/share.tsx | 0 packages/front/{src => }/icons/spinner.tsx | 0 packages/front/{src => }/icons/twitter.tsx | 0 packages/front/index.tsx | 37 ------------ packages/front/package.json | 2 +- .../services/folders/create-folder.ts | 0 .../services/folders/delete-folders.ts | 0 .../{src => }/services/folders/find-folder.ts | 0 .../services/folders/list-directory.ts | 0 .../services/folders/update-folder.ts | 0 packages/front/{src => }/services/index.ts | 0 .../newsletters/subscribe-to-newsletter.ts | 0 .../services/snippets/create-snippet.ts | 0 .../services/snippets/delete-snippet.ts | 0 .../services/snippets/find-snippet.ts | 0 .../services/snippets/public-snippets.ts | 0 .../services/snippets/update-snippet.ts | 0 .../services/users/authenticated-user.ts | 0 .../{src => }/services/users/login-user.ts | 0 .../{src => }/services/users/logout-user.ts | 0 .../{src => }/services/users/signup-user.ts | 0 packages/front/tsconfig.json | 12 +++- .../front/{src => }/typings/components.ts | 0 packages/front/{src => }/typings/queries.ts | 0 .../front/{src => }/typings/snippet-form.ts | 0 packages/front/{src => }/utils/classnames.ts | 0 packages/front/{src => }/utils/constants.ts | 0 packages/front/{src => }/utils/forms.ts | 0 packages/front/{src => }/utils/snippets.ts | 0 packages/front/{src => }/utils/text.ts | 0 133 files changed, 239 insertions(+), 242 deletions(-) delete mode 100644 apps/web/src/hooks/use-custom-ref.ts rename packages/front/{src => }/components/alert.tsx (97%) rename packages/front/{src => }/components/dialog/confirm-dialog.tsx (98%) rename packages/front/{src => }/components/directory/breadcrumb.tsx (98%) rename packages/front/{src => }/components/directory/folders/empty.tsx (95%) rename packages/front/{src => }/components/directory/folders/folder.tsx (98%) rename packages/front/{src => }/components/directory/folders/form/edit-folder.tsx (98%) rename packages/front/{src => }/components/directory/index.tsx (95%) rename packages/front/{src => }/components/directory/snippets/form/create-snippet.tsx (98%) rename packages/front/{src => }/components/directory/snippets/form/editor/hooks/use-editor.ts (100%) rename packages/front/{src => }/components/directory/snippets/form/editor/hooks/use-form-editor.ts (100%) rename packages/front/{src => }/components/directory/snippets/form/editor/index.tsx (94%) rename packages/front/{src => }/components/directory/snippets/form/form-schema.ts (100%) rename packages/front/{src => }/components/directory/snippets/form/utils.ts (100%) rename packages/front/{src => }/components/directory/snippets/form/view-snippet.tsx (98%) rename packages/front/{src => }/components/directory/snippets/snippet.tsx (99%) rename packages/front/{src => }/components/link/external-link.tsx (100%) rename packages/front/{src => }/components/link/index.tsx (95%) rename packages/front/{src => }/components/menu-action.tsx (98%) rename packages/front/{src => }/components/menus/dot-menu.tsx (100%) rename packages/front/{src => }/components/toast/provider.tsx (100%) rename packages/front/{src => }/components/toast/toast.tsx (98%) rename packages/front/{src => }/components/toast/types.ts (100%) rename packages/front/{src => }/components/toast/use-toast-manager.ts (100%) rename packages/front/{src => }/components/user-avatar.tsx (97%) rename packages/front/{src => }/forms/button.tsx (98%) rename packages/front/{src => }/forms/select-input.tsx (99%) rename packages/front/{src => }/forms/switch-input.tsx (98%) rename packages/front/{src => }/forms/text-input.tsx (98%) rename packages/front/{src => }/graphql/folders/mutations/create-folder.ts (100%) rename packages/front/{src => }/graphql/folders/mutations/delete-folders.ts (100%) rename packages/front/{src => }/graphql/folders/mutations/update-folder.ts (100%) rename packages/front/{src => }/graphql/folders/queries/find-folder.ts (100%) rename packages/front/{src => }/graphql/folders/queries/list-directory.ts (100%) rename packages/front/{src => }/graphql/generated.ts (100%) rename packages/front/{src => }/graphql/index.ts (100%) rename packages/front/{src => }/graphql/newsletters/mutations/subscribe-newsletter.ts (100%) rename packages/front/{src => }/graphql/snippets/mutations/create-snippet.ts (100%) rename packages/front/{src => }/graphql/snippets/mutations/delete-snippet.ts (100%) rename packages/front/{src => }/graphql/snippets/mutations/update-snippet.ts (100%) rename packages/front/{src => }/graphql/snippets/queries/find-snippet.ts (100%) rename packages/front/{src => }/graphql/snippets/queries/public-snippets.ts (100%) rename packages/front/{src => }/graphql/users/mutations/login-user.ts (100%) rename packages/front/{src => }/graphql/users/mutations/logout-user.ts (100%) rename packages/front/{src => }/graphql/users/mutations/signup-user.ts (100%) rename packages/front/{src => }/graphql/users/queries/authenticated-user.ts (100%) rename packages/front/{src => }/hooks/index.ts (100%) rename packages/front/{src => }/hooks/use-boolean-state.ts (100%) rename packages/front/{src => }/hooks/use-code-highlighter.ts (100%) rename packages/front/{src => }/hooks/use-copy-to-clipboard.ts (100%) rename packages/front/{src => }/hooks/use-hover.ts (100%) rename packages/front/{src => }/icons/check.tsx (100%) rename packages/front/{src => }/icons/collection.tsx (100%) rename packages/front/{src => }/icons/cross.tsx (100%) rename packages/front/{src => }/icons/document-search.tsx (100%) rename packages/front/{src => }/icons/embed.tsx (100%) rename packages/front/{src => }/icons/extension.tsx (100%) rename packages/front/{src => }/icons/github.tsx (100%) rename packages/front/{src => }/icons/google.tsx (100%) rename packages/front/{src => }/icons/import.tsx (100%) rename packages/front/{src => }/icons/index.tsx (57%) rename packages/front/{src => }/icons/logo-light.tsx (100%) rename packages/front/{src => }/icons/logo.tsx (100%) rename packages/front/{src => }/icons/product-hunt.tsx (100%) rename packages/front/{src => }/icons/share.tsx (100%) rename packages/front/{src => }/icons/spinner.tsx (100%) rename packages/front/{src => }/icons/twitter.tsx (100%) rename packages/front/{src => }/services/folders/create-folder.ts (100%) rename packages/front/{src => }/services/folders/delete-folders.ts (100%) rename packages/front/{src => }/services/folders/find-folder.ts (100%) rename packages/front/{src => }/services/folders/list-directory.ts (100%) rename packages/front/{src => }/services/folders/update-folder.ts (100%) rename packages/front/{src => }/services/index.ts (100%) rename packages/front/{src => }/services/newsletters/subscribe-to-newsletter.ts (100%) rename packages/front/{src => }/services/snippets/create-snippet.ts (100%) rename packages/front/{src => }/services/snippets/delete-snippet.ts (100%) rename packages/front/{src => }/services/snippets/find-snippet.ts (100%) rename packages/front/{src => }/services/snippets/public-snippets.ts (100%) rename packages/front/{src => }/services/snippets/update-snippet.ts (100%) rename packages/front/{src => }/services/users/authenticated-user.ts (100%) rename packages/front/{src => }/services/users/login-user.ts (100%) rename packages/front/{src => }/services/users/logout-user.ts (100%) rename packages/front/{src => }/services/users/signup-user.ts (100%) rename packages/front/{src => }/typings/components.ts (100%) rename packages/front/{src => }/typings/queries.ts (100%) rename packages/front/{src => }/typings/snippet-form.ts (100%) rename packages/front/{src => }/utils/classnames.ts (100%) rename packages/front/{src => }/utils/constants.ts (100%) rename packages/front/{src => }/utils/forms.ts (100%) rename packages/front/{src => }/utils/snippets.ts (100%) rename packages/front/{src => }/utils/text.ts (100%) diff --git a/apps/web/__tests__/ui/newsletter.test.tsx b/apps/web/__tests__/ui/newsletter.test.tsx index 758fd8cc..45049c04 100644 --- a/apps/web/__tests__/ui/newsletter.test.tsx +++ b/apps/web/__tests__/ui/newsletter.test.tsx @@ -1,11 +1,11 @@ import { MockedProvider } from '@apollo/client/testing'; -import { subscribeNewsletterMutation } from '@sharingan/front'; +import { subscribeNewsletterMutation } from '@sharingan/front/graphql'; import { fireEvent, render, screen, waitFor } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import React from 'react'; import { act } from 'react-dom/test-utils'; -import NewsletterForm from '@/components/home/newsletter/newsletter-form'; +import { NewsletterForm } from '@/components/home/newsletter/newsletter-form'; describe('Newsletter Form', () => { beforeEach(() => { @@ -38,7 +38,7 @@ describe('Newsletter Form', () => { ]; render( - + , ); @@ -81,7 +81,7 @@ describe('Newsletter Form', () => { ]; render( - + , ); diff --git a/apps/web/src/components/auth/auth-alert.tsx b/apps/web/src/components/auth/auth-alert.tsx index 73e55513..720b8529 100644 --- a/apps/web/src/components/auth/auth-alert.tsx +++ b/apps/web/src/components/auth/auth-alert.tsx @@ -32,4 +32,4 @@ const AuthAlert = ({ ctaLabel, descriptionElement, redirectLink, title }: Props) ); }; -export default AuthAlert; +export { AuthAlert }; diff --git a/apps/web/src/components/home/feature-section.tsx b/apps/web/src/components/home/feature-section.tsx index 61707f2a..d4e2b079 100644 --- a/apps/web/src/components/home/feature-section.tsx +++ b/apps/web/src/components/home/feature-section.tsx @@ -1,39 +1,46 @@ -import { Icon } from '@sharingan/front'; +import { + CollectionIcon, + DocumentSearchIcon, + EmbedIcon, + ExtensionIcon, + ImportIcon, + ShareIcon, +} from '@sharingan/front/icons'; const features = [ { description: 'Organize related code snippets into folders the same way you manage your file on the computer.', - icon: , + icon: , id: 'organize-snippets', title: 'Organize your snippets', }, { description: 'Quickly find a code snippet in your whole directory and access it.', - icon: , + icon: , id: 'find-snippets', title: 'Find your snippets', }, { description: 'You can easily import all your code snippets from GitHub Gist to keep them all in one place.', - icon: , + icon: , id: 'import-snippets', title: 'Import from GitHub Gist', }, { description: 'Share your code snippets with other developers. Give them the ability to interact and improve.', - icon: , + icon: , id: 'share-snippets', title: 'Share your snippets', }, { description: 'For content creators, you can embed your snippet on a blog post or a post on social networks.', - icon: , + icon: , id: 'embed-snippets', title: 'Embed your snippets', }, { description: 'Easily capture and save code snippets while you are browsing on the web.', - icon: , + icon: , id: 'browser-extensions', title: 'Browser extensions', }, @@ -66,4 +73,4 @@ const FeatureSection = () => { ); }; -export default FeatureSection; +export { FeatureSection }; diff --git a/apps/web/src/components/home/hero-section.tsx b/apps/web/src/components/home/hero-section.tsx index 0bad2cd7..7c480e44 100644 --- a/apps/web/src/components/home/hero-section.tsx +++ b/apps/web/src/components/home/hero-section.tsx @@ -59,4 +59,4 @@ const HeroSection = () => { ); }; -export default HeroSection; +export { HeroSection }; diff --git a/apps/web/src/components/home/newsletter/newsletter-alert.tsx b/apps/web/src/components/home/newsletter/newsletter-alert.tsx index 03d8d549..9486efc7 100644 --- a/apps/web/src/components/home/newsletter/newsletter-alert.tsx +++ b/apps/web/src/components/home/newsletter/newsletter-alert.tsx @@ -1,5 +1,5 @@ import { Dialog, Transition } from '@headlessui/react'; -import { Icon } from '@sharingan/front'; +import { CheckIcon, CrossIcon } from '@sharingan/front/icons'; import classNames from 'classnames'; import React, { Fragment, useState } from 'react'; @@ -17,7 +17,7 @@ type Content = { const alertContentMap: Record = { failure: { description: An error occurred while performing the subscription, - icon: , + icon: , title: 'Subscription failure', }, success: { @@ -28,7 +28,7 @@ const alertContentMap: Record = { You will receive updates on the application progress. ), - icon: , + icon: , title: 'Subscription successful', }, }; @@ -102,4 +102,4 @@ const NewsletterAlert = ({ handleClose, state = 'failure' }: Props) => { ); }; -export default NewsletterAlert; +export { NewsletterAlert }; diff --git a/apps/web/src/components/home/newsletter/newsletter-form.tsx b/apps/web/src/components/home/newsletter/newsletter-form.tsx index edbeeb52..f1bcc137 100644 --- a/apps/web/src/components/home/newsletter/newsletter-form.tsx +++ b/apps/web/src/components/home/newsletter/newsletter-form.tsx @@ -1,8 +1,9 @@ -import { Icon, useSubscribeToNewsletter } from '@sharingan/front'; +import { SpinnerIcon } from '@sharingan/front/icons'; +import { useSubscribeToNewsletter } from '@sharingan/front/services'; import { useState } from 'react'; -import NewsletterAlert from '@/components/home/newsletter/newsletter-alert'; -import useBooleanState from '@/hooks/use-boolean-state'; +import { NewsletterAlert } from '@/components/home/newsletter/newsletter-alert'; +import { useBooleanState } from '@/hooks/use-boolean-state'; import { REGEX_EMAIL } from '@/utils/constants'; const isEmailValid = (email: string) => REGEX_EMAIL.test(email); @@ -54,7 +55,7 @@ const NewsletterForm = () => { className="inline-flex items-center justify-center w-full px-8 py-4 text-base font-bold text-white transition-all duration-200 bg-gray-900 border border-transparent sm:w-auto sm:py-3 hover:bg-opacity-90 rounded-xl" onClick={handleSubscribe} > - {isLoading && } + {isLoading && } Get updates @@ -62,4 +63,4 @@ const NewsletterForm = () => { ); }; -export default NewsletterForm; +export { NewsletterForm }; diff --git a/apps/web/src/components/home/newsletter/newsletter-section.tsx b/apps/web/src/components/home/newsletter/newsletter-section.tsx index ce7c7ff1..40bcc635 100644 --- a/apps/web/src/components/home/newsletter/newsletter-section.tsx +++ b/apps/web/src/components/home/newsletter/newsletter-section.tsx @@ -1,4 +1,4 @@ -import NewsletterForm from '@/components/home/newsletter/newsletter-form'; +import { NewsletterForm } from '@/components/home/newsletter/newsletter-form'; const NewsletterSection = () => { return ( @@ -32,4 +32,4 @@ const NewsletterSection = () => { ); }; -export default NewsletterSection; +export { NewsletterSection }; diff --git a/apps/web/src/components/layout/main.tsx b/apps/web/src/components/layout/main.tsx index e63cc667..e62ef8f0 100644 --- a/apps/web/src/components/layout/main.tsx +++ b/apps/web/src/components/layout/main.tsx @@ -19,4 +19,4 @@ const MainLayout = ({ children }: Props) => { ); }; -export default MainLayout; +export { MainLayout }; diff --git a/apps/web/src/components/layout/private/header.tsx b/apps/web/src/components/layout/private/header.tsx index c868fcad..581893ce 100644 --- a/apps/web/src/components/layout/private/header.tsx +++ b/apps/web/src/components/layout/private/header.tsx @@ -1,4 +1,9 @@ -import { Disclosure, Icon, Link, Menu, Transition, UserAvatar, classNames, useLogoutUser } from '@sharingan/front'; +import { Disclosure, Menu, Transition } from '@sharingan/front'; +import { Link } from '@sharingan/front/components/link'; +import { UserAvatar } from '@sharingan/front/components/user-avatar'; +import { LogoIcon, LogoLightIcon, MenuIcon, XIcon } from '@sharingan/front/icons'; +import { useLogoutUser } from '@sharingan/front/services'; +import { classNames } from '@sharingan/front/utils/classnames'; import { useRouter } from 'next/router'; import { Fragment } from 'react'; @@ -37,8 +42,8 @@ const Header = () => {
- - + +
{navigation.map((item) => ( @@ -98,9 +103,9 @@ const Header = () => { Open main menu {open ? ( -
@@ -157,4 +162,4 @@ const Header = () => { ); }; -export default Header; +export { Header }; diff --git a/apps/web/src/components/layout/private/layout.tsx b/apps/web/src/components/layout/private/layout.tsx index 562f0d4a..a616afa9 100644 --- a/apps/web/src/components/layout/private/layout.tsx +++ b/apps/web/src/components/layout/private/layout.tsx @@ -1,10 +1,10 @@ -import { useAuthenticatedUser } from '@sharingan/front'; -import { ToastProvider } from '@sharingan/front'; +import { ToastProvider } from '@sharingan/front/components/toast/provider'; +import { useAuthenticatedUser } from '@sharingan/front/services'; import { ReactNode } from 'react'; import { Loader } from '@/components/common/loader'; import { Redirect } from '@/components/common/redirect'; -import Header from '@/components/layout/private/header'; +import { Header } from '@/components/layout/private/header'; type Props = { children?: ReactNode; @@ -35,4 +35,4 @@ const Layout = ({ children }: Props) => { ); }; -export default Layout; +export { Layout }; diff --git a/apps/web/src/components/layout/public/footer.tsx b/apps/web/src/components/layout/public/footer.tsx index 646817d2..888e8ce6 100644 --- a/apps/web/src/components/layout/public/footer.tsx +++ b/apps/web/src/components/layout/public/footer.tsx @@ -1,20 +1,20 @@ -import { Icon } from '@sharingan/front'; +import { GithubIcon, LogoIcon, ProductHuntIcon, TwitterIcon } from '@sharingan/front/icons'; const socialIcons = [ { - icon: , + icon: , link: 'https://github.com/tericcabrel/sharingan', name: 'GitHub', target: '_blank', }, { - icon: , + icon: , link: 'https://twitter.com/sharingan_dev', name: 'Twitter', target: '_blank', }, { - icon: , + icon: , link: '#', name: 'Product Hunt', target: '_self', @@ -42,7 +42,7 @@ const PublicFooter = () => {
- +
    @@ -87,4 +87,4 @@ const PublicFooter = () => { ); }; -export default PublicFooter; +export { PublicFooter }; diff --git a/apps/web/src/components/layout/public/header.tsx b/apps/web/src/components/layout/public/header.tsx index 387ac02a..69c822f3 100644 --- a/apps/web/src/components/layout/public/header.tsx +++ b/apps/web/src/components/layout/public/header.tsx @@ -1,4 +1,4 @@ -import { Icon } from '@sharingan/front'; +import { LogoIcon } from '@sharingan/front/icons'; import Link from 'next/link'; import { MouseEvent, useState } from 'react'; @@ -38,7 +38,7 @@ const PublicHeader = () => {
    @@ -186,4 +186,4 @@ const PublicHeader = () => { ); }; -export default PublicHeader; +export { PublicHeader }; diff --git a/apps/web/src/components/layout/public/public-layout.tsx b/apps/web/src/components/layout/public/public-layout.tsx index 5b2d7d5a..9f272d44 100644 --- a/apps/web/src/components/layout/public/public-layout.tsx +++ b/apps/web/src/components/layout/public/public-layout.tsx @@ -1,7 +1,7 @@ import { ReactNode } from 'react'; -import PublicFooter from '@/components/layout/public/footer'; -import PublicHeader from '@/components/layout/public/header'; +import { PublicFooter } from '@/components/layout/public/footer'; +import { PublicHeader } from '@/components/layout/public/header'; type Props = { children: ReactNode; @@ -17,4 +17,4 @@ const PublicLayout = ({ children }: Props) => { ); }; -export default PublicLayout; +export { PublicLayout }; diff --git a/apps/web/src/components/seo/seo.tsx b/apps/web/src/components/seo/seo.tsx index 63bf4636..ed4f53af 100644 --- a/apps/web/src/components/seo/seo.tsx +++ b/apps/web/src/components/seo/seo.tsx @@ -45,4 +45,4 @@ const GlobalSeo = () => { ); }; -export default GlobalSeo; +export { GlobalSeo }; diff --git a/apps/web/src/components/snippets/public-snippet.tsx b/apps/web/src/components/snippets/public-snippet.tsx index c0d101f8..421d5fff 100644 --- a/apps/web/src/components/snippets/public-snippet.tsx +++ b/apps/web/src/components/snippets/public-snippet.tsx @@ -1,10 +1,12 @@ -import { Link, PublicSnippetResult, UserAvatar } from '@sharingan/front'; +import { Link } from '@sharingan/front/components/link'; +import { UserAvatar } from '@sharingan/front/components/user-avatar'; +import { PublicSnippetResult } from '@sharingan/front/typings/queries'; type Props = { snippet: PublicSnippetResult['items'][number]; }; -export const PublicSnippet = ({ snippet }: Props) => { +const PublicSnippet = ({ snippet }: Props) => { const { user } = snippet; const htmlCode = snippet.content; @@ -44,3 +46,5 @@ export const PublicSnippet = ({ snippet }: Props) => {
    ); }; + +export { PublicSnippet }; diff --git a/apps/web/src/containers/auth/login.tsx b/apps/web/src/containers/auth/login.tsx index 22b7a8a7..33562bfe 100644 --- a/apps/web/src/containers/auth/login.tsx +++ b/apps/web/src/containers/auth/login.tsx @@ -1,12 +1,16 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Alert, Button, Icon, TextInput, useLoginUser } from '@sharingan/front'; +import { Alert } from '@sharingan/front/components/alert'; +import { Button } from '@sharingan/front/forms/button'; +import { TextInput } from '@sharingan/front/forms/text-input'; +import { GithubIcon, GoogleIcon } from '@sharingan/front/icons'; +import { useLoginUser } from '@sharingan/front/services'; import { NextSeo } from 'next-seo'; import Link from 'next/link'; import { useState } from 'react'; import { FormProvider, useForm } from 'react-hook-form'; import * as yup from 'yup'; -import PublicLayout from '@/components/layout/public/public-layout'; +import { PublicLayout } from '@/components/layout/public/public-layout'; import { useAuth } from '@/hooks/authentication/use-auth'; import { FORM_ERRORS } from '@/utils/constants'; @@ -66,13 +70,13 @@ const Login = () => {

    Sign in for Sharingan

    - -
    @@ -81,14 +85,14 @@ const Login = () => {
-
+ {loginError && } - + - + - @@ -97,7 +101,7 @@ const Login = () => {

Don't have an account?{' '} - + Create an account now diff --git a/apps/web/src/containers/auth/signup.tsx b/apps/web/src/containers/auth/signup.tsx index 44a9a1d4..aa4896d2 100644 --- a/apps/web/src/containers/auth/signup.tsx +++ b/apps/web/src/containers/auth/signup.tsx @@ -1,13 +1,17 @@ import { yupResolver } from '@hookform/resolvers/yup'; -import { Alert, Button, Icon, TextInput, useSignupUser } from '@sharingan/front'; +import { Alert } from '@sharingan/front/components/alert'; +import { Link } from '@sharingan/front/components/link'; +import { Button } from '@sharingan/front/forms/button'; +import { TextInput } from '@sharingan/front/forms/text-input'; +import { GithubIcon, GoogleIcon } from '@sharingan/front/icons'; +import { useSignupUser } from '@sharingan/front/services'; import { NextSeo } from 'next-seo'; -import Link from 'next/link'; import { useRouter } from 'next/router'; import { useState } from 'react'; import { FormProvider, useForm } from 'react-hook-form'; import * as yup from 'yup'; -import PublicLayout from '@/components/layout/public/public-layout'; +import { PublicLayout } from '@/components/layout/public/public-layout'; import { FORM_ERRORS } from '@/utils/constants'; const MIN_PASSWORD_LENGTH = 8; @@ -79,13 +83,13 @@ const Signup = () => {

Sign up for Sharingan

- -
@@ -94,25 +98,25 @@ const Signup = () => {
-
+ {signupError && } - + - +
@@ -74,4 +76,4 @@ const Browse = ({ data }: Props) => { ); }; -export default Browse; +export { Browse }; diff --git a/apps/web/src/containers/private/folders/view.tsx b/apps/web/src/containers/private/folders/view.tsx index 5a58d0e4..5d85bc6d 100644 --- a/apps/web/src/containers/private/folders/view.tsx +++ b/apps/web/src/containers/private/folders/view.tsx @@ -1,8 +1,9 @@ -import { FolderDirectory, useAuthenticatedUser, useFindFolder, useLazyListDirectory } from '@sharingan/front'; +import { Directory } from '@sharingan/front/components/directory'; +import { useFindFolder } from '@sharingan/front/services'; import { NextSeo } from 'next-seo'; import { useRouter } from 'next/router'; -import Layout from '@/components/layout/private/layout'; +import { Layout } from '@/components/layout/private/layout'; import { useFolderDirectory } from '@/hooks/use-folder-directory'; const FolderView = () => { @@ -20,13 +21,13 @@ const FolderView = () => {
{isFolderFound && ( - )}
@@ -34,4 +35,4 @@ const FolderView = () => { ); }; -export default FolderView; +export { FolderView }; diff --git a/apps/web/src/containers/private/home.tsx b/apps/web/src/containers/private/home.tsx index 052a563a..0c62c4ca 100644 --- a/apps/web/src/containers/private/home.tsx +++ b/apps/web/src/containers/private/home.tsx @@ -1,10 +1,11 @@ -import { FolderDirectory, useAuthenticatedUser } from '@sharingan/front'; +import { Directory } from '@sharingan/front/components/directory'; +import { useAuthenticatedUser } from '@sharingan/front/services'; import { NextSeo } from 'next-seo'; -import Layout from '@/components/layout/private/layout'; +import { Layout } from '@/components/layout/private/layout'; import { useFolderDirectory } from '@/hooks/use-folder-directory'; -const Home = () => { +const PrivateHome = () => { const { data: user } = useAuthenticatedUser(); const { handleBreadcrumbClick, navigateToFolder, openSnippet, rootFolderId } = useFolderDirectory(); @@ -12,17 +13,17 @@ const Home = () => {
-
); }; -export default Home; +export { PrivateHome }; diff --git a/apps/web/src/containers/private/profile.tsx b/apps/web/src/containers/private/profile.tsx index 061cdbc9..ed26a17b 100644 --- a/apps/web/src/containers/private/profile.tsx +++ b/apps/web/src/containers/private/profile.tsx @@ -1,6 +1,6 @@ import { NextSeo } from 'next-seo'; -import Layout from '@/components/layout/private/layout'; +import { Layout } from '@/components/layout/private/layout'; const Profile = () => { return ( @@ -26,4 +26,4 @@ const Profile = () => { ); }; -export default Profile; +export { Profile }; diff --git a/apps/web/src/containers/private/snippets/view.tsx b/apps/web/src/containers/private/snippets/view.tsx index 4ec74c79..b4288853 100644 --- a/apps/web/src/containers/private/snippets/view.tsx +++ b/apps/web/src/containers/private/snippets/view.tsx @@ -1,9 +1,10 @@ -import { useFindSnippet } from '@sharingan/front'; -import { BreadCrumb, ViewSnippet } from '@sharingan/front'; +import { BreadCrumb } from '@sharingan/front/components/directory/breadcrumb'; +import { ViewSnippet } from '@sharingan/front/components/directory/snippets/form/view-snippet'; +import { useFindSnippet } from '@sharingan/front/services'; import { NextSeo } from 'next-seo'; import { useRouter } from 'next/router'; -import Layout from '@/components/layout/private/layout'; +import { Layout } from '@/components/layout/private/layout'; import { useFolderDirectory } from '@/hooks/use-folder-directory'; const SnippetView = () => { @@ -23,10 +24,10 @@ const SnippetView = () => { {isSnippetFound && (
@@ -38,4 +39,4 @@ const SnippetView = () => { ); }; -export default SnippetView; +export { SnippetView }; diff --git a/apps/web/src/hooks/authentication/use-auth.ts b/apps/web/src/hooks/authentication/use-auth.ts index b5932c45..085b5690 100644 --- a/apps/web/src/hooks/authentication/use-auth.ts +++ b/apps/web/src/hooks/authentication/use-auth.ts @@ -1,5 +1,5 @@ import { useApolloClient } from '@apollo/client'; -import { useAuthenticatedUser } from '@sharingan/front'; +import { useAuthenticatedUser } from '@sharingan/front/services'; import { addDayToDate } from '@sharingan/utils'; import { useRouter } from 'next/router'; import { useCookies } from 'react-cookie'; diff --git a/apps/web/src/hooks/authentication/use-set-authenticated-user.ts b/apps/web/src/hooks/authentication/use-set-authenticated-user.ts index d80118b4..bf879416 100644 --- a/apps/web/src/hooks/authentication/use-set-authenticated-user.ts +++ b/apps/web/src/hooks/authentication/use-set-authenticated-user.ts @@ -18,4 +18,4 @@ const useSetAuthenticatedUser = () => { }, [router.query]); }; -export default useSetAuthenticatedUser; +export { useSetAuthenticatedUser }; diff --git a/apps/web/src/hooks/use-boolean-state.ts b/apps/web/src/hooks/use-boolean-state.ts index 8a61d8a8..36eec17d 100644 --- a/apps/web/src/hooks/use-boolean-state.ts +++ b/apps/web/src/hooks/use-boolean-state.ts @@ -10,4 +10,4 @@ const useBooleanState = (initialState = false) => { return [boolean, setToTrue, setToFalse] as const; }; -export default useBooleanState; +export { useBooleanState }; diff --git a/apps/web/src/hooks/use-custom-ref.ts b/apps/web/src/hooks/use-custom-ref.ts deleted file mode 100644 index 89ecff49..00000000 --- a/apps/web/src/hooks/use-custom-ref.ts +++ /dev/null @@ -1,5 +0,0 @@ -import { useRef } from 'react'; - -export const useCustomRef = (initialValue?: T) => { - return useRef(initialValue ?? null); -}; diff --git a/apps/web/src/hooks/use-folder-directory.ts b/apps/web/src/hooks/use-folder-directory.ts index 4f803004..e350f6eb 100644 --- a/apps/web/src/hooks/use-folder-directory.ts +++ b/apps/web/src/hooks/use-folder-directory.ts @@ -1,4 +1,4 @@ -import { useAuthenticatedUser, useLazyListDirectory } from '@sharingan/front'; +import { useAuthenticatedUser, useLazyListDirectory } from '@sharingan/front/services'; import { useRouter } from 'next/router'; export const useFolderDirectory = () => { diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx index c6416e53..3129d15b 100644 --- a/apps/web/src/pages/_app.tsx +++ b/apps/web/src/pages/_app.tsx @@ -1,7 +1,7 @@ import { ApolloProvider } from '@apollo/client'; import type { AppProps } from 'next/app'; -import GlobalSeo from '@/components/seo/seo'; +import { GlobalSeo } from '@/components/seo/seo'; import { useApollo } from '@/utils/apollo-client'; import '@/styles/globals.css'; diff --git a/apps/web/src/pages/app/browse.tsx b/apps/web/src/pages/app/browse.tsx index 24bd3d40..eec44ff4 100644 --- a/apps/web/src/pages/app/browse.tsx +++ b/apps/web/src/pages/app/browse.tsx @@ -1,12 +1,10 @@ -import { - PublicSnippetResult, - SNIPPET_ITEM_PER_PAGE, - findPublicSnippetsQuery, - formatPublicSnippetsResult, -} from '@sharingan/front'; +import { findPublicSnippetsQuery } from '@sharingan/front/graphql'; +import { formatPublicSnippetsResult } from '@sharingan/front/services'; +import { PublicSnippetResult } from '@sharingan/front/typings/queries'; +import { SNIPPET_ITEM_PER_PAGE } from '@sharingan/front/utils/constants'; import type { GetServerSidePropsContext, NextPage } from 'next'; -import Browse from '@/containers/private/browse'; +import { Browse } from '@/containers/private/browse'; import { addApolloState, initializeApollo } from '@/utils/apollo-client'; type Props = { diff --git a/apps/web/src/pages/app/folders/[id].tsx b/apps/web/src/pages/app/folders/[id].tsx index ccd437f0..e609fcf5 100644 --- a/apps/web/src/pages/app/folders/[id].tsx +++ b/apps/web/src/pages/app/folders/[id].tsx @@ -1,6 +1,6 @@ import type { NextPage } from 'next'; -import FolderView from '@/containers/private/folders/view'; +import { FolderView } from '@/containers/private/folders/view'; const PrivateFolderViewPage: NextPage = () => { return ; diff --git a/apps/web/src/pages/app/home.tsx b/apps/web/src/pages/app/home.tsx index 4f717174..afe2eb9e 100644 --- a/apps/web/src/pages/app/home.tsx +++ b/apps/web/src/pages/app/home.tsx @@ -1,6 +1,6 @@ import type { NextPage } from 'next'; -import PrivateHome from '@/containers/private/home'; +import { PrivateHome } from '@/containers/private/home'; const PrivateHomePage: NextPage = () => { return ; diff --git a/apps/web/src/pages/app/profile.tsx b/apps/web/src/pages/app/profile.tsx index 64453d84..78ae973b 100644 --- a/apps/web/src/pages/app/profile.tsx +++ b/apps/web/src/pages/app/profile.tsx @@ -1,6 +1,6 @@ import type { NextPage } from 'next'; -import Profile from '@/containers/private/profile'; +import { Profile } from '@/containers/private/profile'; const ProfilePage: NextPage = () => { return ; diff --git a/apps/web/src/pages/app/snippets/[id].tsx b/apps/web/src/pages/app/snippets/[id].tsx index bbed6460..5f793588 100644 --- a/apps/web/src/pages/app/snippets/[id].tsx +++ b/apps/web/src/pages/app/snippets/[id].tsx @@ -1,6 +1,6 @@ import type { NextPage } from 'next'; -import SnippetView from '@/containers/private/snippets/view'; +import { SnippetView } from '@/containers/private/snippets/view'; const PrivateSnippetViewPage: NextPage = () => { return ; diff --git a/apps/web/src/pages/auth/fail.tsx b/apps/web/src/pages/auth/fail.tsx index 1ea74aa6..bf408a6a 100644 --- a/apps/web/src/pages/auth/fail.tsx +++ b/apps/web/src/pages/auth/fail.tsx @@ -1,8 +1,8 @@ import type { NextPage } from 'next'; import { NextSeo } from 'next-seo'; -import AuthAlert from '@/components/auth/auth-alert'; -import PublicLayout from '@/components/layout/public/public-layout'; +import { AuthAlert } from '@/components/auth/auth-alert'; +import { PublicLayout } from '@/components/layout/public/public-layout'; const AuthErrorPage: NextPage = () => { return ( diff --git a/apps/web/src/pages/auth/signup-success.tsx b/apps/web/src/pages/auth/signup-success.tsx index 665f2c22..ed346d53 100644 --- a/apps/web/src/pages/auth/signup-success.tsx +++ b/apps/web/src/pages/auth/signup-success.tsx @@ -1,8 +1,8 @@ import type { NextPage } from 'next'; import { NextSeo } from 'next-seo'; -import AuthAlert from '@/components/auth/auth-alert'; -import PublicLayout from '@/components/layout/public/public-layout'; +import { AuthAlert } from '@/components/auth/auth-alert'; +import { PublicLayout } from '@/components/layout/public/public-layout'; const SignupSuccessPage: NextPage = () => { return ( diff --git a/apps/web/src/pages/auth/success.tsx b/apps/web/src/pages/auth/success.tsx index d08c040d..e59d40cf 100644 --- a/apps/web/src/pages/auth/success.tsx +++ b/apps/web/src/pages/auth/success.tsx @@ -1,9 +1,9 @@ import type { NextPage } from 'next'; import { NextSeo } from 'next-seo'; -import AuthAlert from '@/components/auth/auth-alert'; -import PublicLayout from '@/components/layout/public/public-layout'; -import useSetAuthenticatedUser from '@/hooks/authentication/use-set-authenticated-user'; +import { AuthAlert } from '@/components/auth/auth-alert'; +import { PublicLayout } from '@/components/layout/public/public-layout'; +import { useSetAuthenticatedUser } from '@/hooks/authentication/use-set-authenticated-user'; const AuthSuccessPage: NextPage = () => { useSetAuthenticatedUser(); diff --git a/apps/web/src/pages/signin.tsx b/apps/web/src/pages/signin.tsx index 8094dc57..4de1379f 100644 --- a/apps/web/src/pages/signin.tsx +++ b/apps/web/src/pages/signin.tsx @@ -1,4 +1,4 @@ -import { authenticatedUserQuery } from '@sharingan/front'; +import { authenticatedUserQuery } from '@sharingan/front/graphql'; import { GetServerSidePropsContext } from 'next'; import type { NextPage } from 'next'; import dynamic from 'next/dynamic'; diff --git a/packages/front/.gitignore b/packages/front/.gitignore index 2e7814ca..9dffdfbf 100644 --- a/packages/front/.gitignore +++ b/packages/front/.gitignore @@ -1,5 +1,5 @@ node_modules dist build -src/graphql/server +graphql/server tsconfig.tsbuildinfo diff --git a/packages/front/src/components/alert.tsx b/packages/front/components/alert.tsx similarity index 97% rename from packages/front/src/components/alert.tsx rename to packages/front/components/alert.tsx index 100728bf..4d9b0c60 100644 --- a/packages/front/src/components/alert.tsx +++ b/packages/front/components/alert.tsx @@ -31,4 +31,4 @@ const Alert = ({ message, title, type = 'info' }: Props) => { ); }; -export default Alert; +export { Alert }; diff --git a/packages/front/src/components/dialog/confirm-dialog.tsx b/packages/front/components/dialog/confirm-dialog.tsx similarity index 98% rename from packages/front/src/components/dialog/confirm-dialog.tsx rename to packages/front/components/dialog/confirm-dialog.tsx index d4acf774..3572baa3 100644 --- a/packages/front/src/components/dialog/confirm-dialog.tsx +++ b/packages/front/components/dialog/confirm-dialog.tsx @@ -2,7 +2,7 @@ import { Dialog, Transition } from '@headlessui/react'; import { ExclamationIcon } from '@heroicons/react/outline'; import { Fragment, useRef } from 'react'; -import Button from '../../forms/button'; +import { Button } from '../../forms/button'; type Props = { cancelText?: string; diff --git a/packages/front/src/components/directory/breadcrumb.tsx b/packages/front/components/directory/breadcrumb.tsx similarity index 98% rename from packages/front/src/components/directory/breadcrumb.tsx rename to packages/front/components/directory/breadcrumb.tsx index 57d50299..9ace895b 100644 --- a/packages/front/src/components/directory/breadcrumb.tsx +++ b/packages/front/components/directory/breadcrumb.tsx @@ -62,4 +62,4 @@ const BreadCrumb = ({ current, onPathClick, paths, rootFolderId }: Props) => { ); }; -export default BreadCrumb; +export { BreadCrumb }; diff --git a/packages/front/src/components/directory/folders/empty.tsx b/packages/front/components/directory/folders/empty.tsx similarity index 95% rename from packages/front/src/components/directory/folders/empty.tsx rename to packages/front/components/directory/folders/empty.tsx index 7e5e98f1..ab76e17f 100644 --- a/packages/front/src/components/directory/folders/empty.tsx +++ b/packages/front/components/directory/folders/empty.tsx @@ -1,6 +1,6 @@ import { PlusIcon } from '@heroicons/react/solid'; -import Button from '../../../forms/button'; +import { Button } from '../../../forms/button'; type Props = { handleCreateFolder: () => void; @@ -41,4 +41,4 @@ const EmptyFolder = ({ handleCreateFolder, handleCreateSnippet }: Props) => { ); }; -export default EmptyFolder; +export { EmptyFolder }; diff --git a/packages/front/src/components/directory/folders/folder.tsx b/packages/front/components/directory/folders/folder.tsx similarity index 98% rename from packages/front/src/components/directory/folders/folder.tsx rename to packages/front/components/directory/folders/folder.tsx index 399b5755..03990ad2 100644 --- a/packages/front/src/components/directory/folders/folder.tsx +++ b/packages/front/components/directory/folders/folder.tsx @@ -58,4 +58,4 @@ const Folder = ({ item, onDeleteClick, onNavigate, onRenameClick }: Props) => { ); }; -export default Folder; +export { Folder }; diff --git a/packages/front/src/components/directory/folders/form/edit-folder.tsx b/packages/front/components/directory/folders/form/edit-folder.tsx similarity index 98% rename from packages/front/src/components/directory/folders/form/edit-folder.tsx rename to packages/front/components/directory/folders/form/edit-folder.tsx index 517a171e..661294a4 100644 --- a/packages/front/src/components/directory/folders/form/edit-folder.tsx +++ b/packages/front/components/directory/folders/form/edit-folder.tsx @@ -4,8 +4,8 @@ import { Fragment, useRef } from 'react'; import { FormProvider, useForm } from 'react-hook-form'; import * as yup from 'yup'; -import Button from '../../../../forms/button'; -import TextInput from '../../../../forms/text-input'; +import { Button } from '../../../../forms/button'; +import { TextInput } from '../../../../forms/text-input'; import { useCreateFolder } from '../../../../services/folders/create-folder'; import { useUpdateFolder } from '../../../../services/folders/update-folder'; import { FolderItem } from '../../../../typings/components'; diff --git a/packages/front/src/components/directory/index.tsx b/packages/front/components/directory/index.tsx similarity index 95% rename from packages/front/src/components/directory/index.tsx rename to packages/front/components/directory/index.tsx index 867bf7ff..a4f7bfb4 100644 --- a/packages/front/src/components/directory/index.tsx +++ b/packages/front/components/directory/index.tsx @@ -7,14 +7,14 @@ import { useDeleteSnippet } from '../../services/snippets/delete-snippet'; import { FolderItem, SnippetItem } from '../../typings/components'; import { displayItemLabel } from '../../utils/text'; import { ConfirmDialog } from '../dialog/confirm-dialog'; -import MenuAction from '../menu-action'; +import { MenuAction } from '../menu-action'; import { useToast } from '../toast/provider'; -import BreadCrumb from './breadcrumb'; -import EmptyFolder from './folders/empty'; -import Folder from './folders/folder'; +import { BreadCrumb } from './breadcrumb'; +import { EmptyFolder } from './folders/empty'; +import { Folder } from './folders/folder'; import { EditFolderContainer } from './folders/form/edit-folder'; -import CreateSnippetContainer from './snippets/form/create-snippet'; -import Snippet from './snippets/snippet'; +import { CreateSnippetContainer } from './snippets/form/create-snippet'; +import { Snippet } from './snippets/snippet'; type Props = { folderId: string; @@ -221,4 +221,4 @@ const Directory = ({ ); }; -export default Directory; +export { Directory }; diff --git a/packages/front/src/components/directory/snippets/form/create-snippet.tsx b/packages/front/components/directory/snippets/form/create-snippet.tsx similarity index 98% rename from packages/front/src/components/directory/snippets/form/create-snippet.tsx rename to packages/front/components/directory/snippets/form/create-snippet.tsx index 17b8d8a3..d843d3ba 100644 --- a/packages/front/src/components/directory/snippets/form/create-snippet.tsx +++ b/packages/front/components/directory/snippets/form/create-snippet.tsx @@ -3,7 +3,7 @@ import { yupResolver } from '@hookform/resolvers/yup'; import { Fragment, useRef } from 'react'; import { FormProvider, useForm } from 'react-hook-form'; -import Button from '../../../../forms/button'; +import { Button } from '../../../../forms/button'; import { useCodeHighlighter } from '../../../../hooks'; import { useCreateSnippet } from '../../../../services/snippets/create-snippet'; import { CODE_HIGHLIGHT_OPTIONS, THEME_OPTIONS } from '../../../../utils/constants'; @@ -141,4 +141,4 @@ const CreateSnippetContainer = ({ closeModal, folderId, open }: Props) => { ); }; -export default CreateSnippetContainer; +export { CreateSnippetContainer }; diff --git a/packages/front/src/components/directory/snippets/form/editor/hooks/use-editor.ts b/packages/front/components/directory/snippets/form/editor/hooks/use-editor.ts similarity index 100% rename from packages/front/src/components/directory/snippets/form/editor/hooks/use-editor.ts rename to packages/front/components/directory/snippets/form/editor/hooks/use-editor.ts diff --git a/packages/front/src/components/directory/snippets/form/editor/hooks/use-form-editor.ts b/packages/front/components/directory/snippets/form/editor/hooks/use-form-editor.ts similarity index 100% rename from packages/front/src/components/directory/snippets/form/editor/hooks/use-form-editor.ts rename to packages/front/components/directory/snippets/form/editor/hooks/use-form-editor.ts diff --git a/packages/front/src/components/directory/snippets/form/editor/index.tsx b/packages/front/components/directory/snippets/form/editor/index.tsx similarity index 94% rename from packages/front/src/components/directory/snippets/form/editor/index.tsx rename to packages/front/components/directory/snippets/form/editor/index.tsx index c6c80927..20394ff7 100644 --- a/packages/front/src/components/directory/snippets/form/editor/index.tsx +++ b/packages/front/components/directory/snippets/form/editor/index.tsx @@ -2,9 +2,9 @@ import { Controller, useFormContext } from 'react-hook-form'; import Editor from 'react-simple-code-editor'; import { Highlighter } from 'shiki'; -import SelectInput from '../../../../../forms/select-input'; -import SwitchInput from '../../../../../forms/switch-input'; -import TextInput from '../../../../../forms/text-input'; +import { SelectInput } from '../../../../../forms/select-input'; +import { SwitchInput } from '../../../../../forms/switch-input'; +import { TextInput } from '../../../../../forms/text-input'; import { SelectOption } from '../../../../../typings/components'; import { EditorFormValues } from '../../../../../typings/snippet-form'; import { THEME_BACKGROUND_COLOR_MAP } from '../../../../../utils/constants'; diff --git a/packages/front/src/components/directory/snippets/form/form-schema.ts b/packages/front/components/directory/snippets/form/form-schema.ts similarity index 100% rename from packages/front/src/components/directory/snippets/form/form-schema.ts rename to packages/front/components/directory/snippets/form/form-schema.ts diff --git a/packages/front/src/components/directory/snippets/form/utils.ts b/packages/front/components/directory/snippets/form/utils.ts similarity index 100% rename from packages/front/src/components/directory/snippets/form/utils.ts rename to packages/front/components/directory/snippets/form/utils.ts diff --git a/packages/front/src/components/directory/snippets/form/view-snippet.tsx b/packages/front/components/directory/snippets/form/view-snippet.tsx similarity index 98% rename from packages/front/src/components/directory/snippets/form/view-snippet.tsx rename to packages/front/components/directory/snippets/form/view-snippet.tsx index 8a5fabdf..cd636a0c 100644 --- a/packages/front/src/components/directory/snippets/form/view-snippet.tsx +++ b/packages/front/components/directory/snippets/form/view-snippet.tsx @@ -1,7 +1,7 @@ import { yupResolver } from '@hookform/resolvers/yup'; import { FormProvider, useForm } from 'react-hook-form'; -import Button from '../../../../forms/button'; +import { Button } from '../../../../forms/button'; import { useCodeHighlighter } from '../../../../hooks'; import { useUpdateSnippet } from '../../../../services/snippets/update-snippet'; import { SelectOption } from '../../../../typings/components'; diff --git a/packages/front/src/components/directory/snippets/snippet.tsx b/packages/front/components/directory/snippets/snippet.tsx similarity index 99% rename from packages/front/src/components/directory/snippets/snippet.tsx rename to packages/front/components/directory/snippets/snippet.tsx index de09a994..6ca8b148 100644 --- a/packages/front/src/components/directory/snippets/snippet.tsx +++ b/packages/front/components/directory/snippets/snippet.tsx @@ -88,4 +88,4 @@ const Snippet = ({ item, onClick, onDeleteClick }: Props) => { ); }; -export default Snippet; +export { Snippet }; diff --git a/packages/front/src/components/link/external-link.tsx b/packages/front/components/link/external-link.tsx similarity index 100% rename from packages/front/src/components/link/external-link.tsx rename to packages/front/components/link/external-link.tsx diff --git a/packages/front/src/components/link/index.tsx b/packages/front/components/link/index.tsx similarity index 95% rename from packages/front/src/components/link/index.tsx rename to packages/front/components/link/index.tsx index 49a5cdcc..dd516edd 100644 --- a/packages/front/src/components/link/index.tsx +++ b/packages/front/components/link/index.tsx @@ -13,4 +13,4 @@ const Link = ({ children, ...props }: Props) => { return ; }; -export default Link; +export { Link }; diff --git a/packages/front/src/components/menu-action.tsx b/packages/front/components/menu-action.tsx similarity index 98% rename from packages/front/src/components/menu-action.tsx rename to packages/front/components/menu-action.tsx index 5d58c61b..9de21737 100644 --- a/packages/front/src/components/menu-action.tsx +++ b/packages/front/components/menu-action.tsx @@ -53,4 +53,4 @@ const MenuAction = ({ onNewFolderClick, onNewSnippetClick }: Props) => { ); }; -export default MenuAction; +export { MenuAction }; diff --git a/packages/front/src/components/menus/dot-menu.tsx b/packages/front/components/menus/dot-menu.tsx similarity index 100% rename from packages/front/src/components/menus/dot-menu.tsx rename to packages/front/components/menus/dot-menu.tsx diff --git a/packages/front/src/components/toast/provider.tsx b/packages/front/components/toast/provider.tsx similarity index 100% rename from packages/front/src/components/toast/provider.tsx rename to packages/front/components/toast/provider.tsx diff --git a/packages/front/src/components/toast/toast.tsx b/packages/front/components/toast/toast.tsx similarity index 98% rename from packages/front/src/components/toast/toast.tsx rename to packages/front/components/toast/toast.tsx index b6a10ad4..528d72c5 100644 --- a/packages/front/src/components/toast/toast.tsx +++ b/packages/front/components/toast/toast.tsx @@ -1,8 +1,8 @@ +import { Transition } from '@headlessui/react'; import { CheckCircleIcon, ExclamationCircleIcon, XCircleIcon } from '@heroicons/react/outline'; import { XIcon } from '@heroicons/react/solid'; import { Fragment } from 'react'; -import { Transition } from '../../../index'; import { ToastType } from './types'; type Props = { @@ -24,6 +24,7 @@ const renderToastIcon = (type: ToastType) => { return