minor cleanup

Author: deep-c

src/common/components/ActiveLink/index.ts

@@ -1,5 +1,2 @@
-import ActiveLink from './ActiveLink';
-
+export { default } from './ActiveLink';
 export * from './ActiveLink';
-
-export default ActiveLink;

src/common/components/Notifications/index.ts

@@ -1,5 +1,2 @@
-import Notifications from './Notifications';
-
+export { default } from './Notifications';
 export * from './Notifications';
-
-export default Notifications;

src/layouts/AdminLayout/AdminLayout.tsx

@@ -4,7 +4,7 @@ import React, { useState } from 'react';
 
 import UserProfileDropdown from 'src/modules/user/components/UserProfileDropdown';
 
-import Sidebar from './Sidebar';
+import Sidebar from './components/Sidebar';
 
 import type { AuthChildProps } from 'src/modules/auth/components/Auth';
 import type { GetLayoutFn } from 'src/pages/_app';

src/layouts/AdminLayout/Sidebar.tsx renamed to src/layouts/AdminLayout/components/Sidebar/Sidebar.tsx

@@ -13,7 +13,7 @@ import {
 } from 'src/common/routes';
 import UserAvatar from 'src/modules/user/components/UserAvatar';
 
-import NavigationItem from './components/NavigationItem';
+import NavigationItem from '../NavigationItem';
 
 import type { Session } from 'src/modules/session/types';
 
@@ -126,6 +126,7 @@ const Sidebar = ({
                 <UserAvatar
                   image={session.user.image}
                   name={session.user.name}
+                  nameClassName="max-w-48"
                 />
               )}
             </span>

src/layouts/AdminLayout/components/Sidebar/index.ts

@@ -0,0 +1 @@
+export { default } from './Sidebar';

src/modules/auth/components/Auth/index.ts

@@ -1,5 +1,2 @@
-import Auth from './Auth';
-
+export { default } from './Auth';
 export * from './Auth';
-
-export default Auth;

src/modules/user/components/UserAvatar/UserAvatar.tsx

@@ -1,13 +1,20 @@
+import classnames from 'classnames';
 import Image from 'next/image';
 import React from 'react';
 
 export interface AvatarProps {
   image?: string | null;
   name?: string | null;
+  nameClassName?: string;
   size?: [number, number];
 }
 
-const Avatar = ({ image, name, size }: AvatarProps): React.ReactElement => (
+const Avatar = ({
+  image,
+  name,
+  nameClassName,
+  size,
+}: AvatarProps): React.ReactElement => (
   <span className="flex items-center justify-between min-w-0 space-x-3">
     {image ? (
       <Image
@@ -31,7 +38,12 @@ const Avatar = ({ image, name, size }: AvatarProps): React.ReactElement => (
     )}
     {name && (
       <span className="flex flex-col flex-1 min-w-0">
-        <span className="text-sm font-medium text-gray-900 truncate">
+        <span
+          className={classnames(
+            'text-sm font-medium text-gray-900 truncate',
+            nameClassName
+          )}
+        >
           {name}
         </span>
       </span>

src/modules/user/components/UserAvatar/index.tsx

@@ -1,5 +1,2 @@
-import UserAvatar from './UserAvatar';
-
+export { default } from './UserAvatar';
 export * from './UserAvatar';
-
-export default UserAvatar;

src/modules/user/components/UserProfileDropdown/index.ts

@@ -1,3 +1,2 @@
-import UserProfileDropdown from './UserProfileDropdown';
-
-export default UserProfileDropdown;
+export { default } from './UserProfileDropdown';
+export * from './UserProfileDropdown';

src/modules/user/components/admin/UserAdminForm/index.ts

@@ -1,5 +1,2 @@
-import UserAdminForm from './UserAdminForm';
-
+export { default } from './UserAdminForm';
 export * from './UserAdminForm';
-
-export default UserAdminForm;

src/modules/user/components/admin/UserGeneralSettingsForm/index.ts

@@ -1,3 +1,2 @@
-import UserGeneralSettingsForm from './UserGeneralSettingsForm';
-
-export default UserGeneralSettingsForm;
+export { default } from './UserGeneralSettingsForm';
+export * from './UserGeneralSettingsForm';

tailwind.config.js

@@ -5,7 +5,11 @@ module.exports = {
   plugins: [require('@tailwindcss/forms')],
   purge: ['./src/**/*.{js,ts,jsx,tsx}'],
   theme: {
-    extend: {},
+    extend: {
+      maxWidth: {
+        48: '12rem',
+      },
+    },
   },
   variants: {
     extend: {},