LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat(v4): Update the help center portal design (#10296)

Browse Source 
Co-authored-by: Pranav <pranavrajs@gmail.com>
This commit is contained in:
Sivin Varghese
2024-10-24 10:39:36 +05:30
committed by GitHub
parent 6d3ecfe3c1
commit a3855a8d1d
144 changed files with 6376 additions and 6604 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
app/javascript/dashboard/components-next/sidebar/Sidebar.vue
View File

@@ -281,29 +281,62 @@ const menuItems = computed(() => {
name: 'Portals',
label: t('SIDEBAR.HELP_CENTER.TITLE'),
icon: 'i-lucide-library-big',
to: accountScopedRoute('default_portal_articles'),
to: accountScopedRoute('portals_index', {
navigationPath: 'portals_articles_index',
}),
children: [
{
name: 'Articles',
label: t('SIDEBAR.HELP_CENTER.ARTICLES'),
activeOn: [
'portals_articles_index',
'portals_articles_new',
'portals_articles_edit',
],
to: accountScopedRoute('portals_index', {
navigationPath: 'portals_articles_index',
}),
},
{
name: 'Categories',
label: t('SIDEBAR.HELP_CENTER.CATEGORIES'),
activeOn: [
'portals_categories_index',
'portals_categories_articles_index',
'portals_categories_articles_edit',
],
to: accountScopedRoute('portals_index', {
navigationPath: 'portals_categories_index',
}),
},
{
name: 'Locales',
label: t('SIDEBAR.HELP_CENTER.LOCALES'),
activeOn: ['portals_locales_index'],
to: accountScopedRoute('portals_index', {
navigationPath: 'portals_locales_index',
}),
},
{
name: 'Settings',
label: t('SIDEBAR.HELP_CENTER.SETTINGS'),
activeOn: ['portals_settings_index'],
to: accountScopedRoute('portals_index', {
navigationPath: 'portals_settings_index',
}),
},
],
activeOn: [
'all_locale_categories',
'default_portal_articles',
'edit_article',
'edit_category',
'edit_portal_customization',
'edit_portal_information',
'edit_portal_locales',
'list_all_locale_articles',
'list_all_locale_categories',
'list_all_portals',
'list_archived_articles',
'list_draft_articles',
'list_mine_articles',
'new_article',
'new_category_in_locale',
'new_portal_information',
'portalSlug',
'portal_customization',
'portal_finish',
'show_category',
'show_category_articles',
'portals_new',
'portals_index',
'portals_articles_index',
'portals_articles_new',
'portals_articles_edit',
'portals_categories_index',
'portals_categories_articles_index',
'portals_categories_articles_edit',
'portals_locales_index',
'portals_settings_index',
],
},
{
@@ -412,43 +445,43 @@ const menuItems = computed(() => {
class="w-[200px] bg-n-solid-2 rtl:border-l ltr:border-r border-n-weak h-screen flex flex-col text-sm pt-2 pb-1"
>
<section class="grid gap-2 mt-2 mb-4">
<div class="flex gap-2 px-2 items-center min-w-0">
<div class="size-6 grid place-content-center flex-shrink-0">
<div class="flex items-center min-w-0 gap-2 px-2">
<div class="grid flex-shrink-0 size-6 place-content-center">
<Logo />
</div>
<div class="w-px h-3 bg-n-strong flex-shrink-0" />
<div class="flex-shrink-0 w-px h-3 bg-n-strong" />
<SidebarAccountSwitcher
class="-mx-1 flex-grow min-w-0"
class="flex-grow min-w-0 -mx-1"
@show-create-account-modal="emit('showCreateAccountModal')"
/>
</div>
<div class="gap-2 flex px-2">
<div class="flex gap-2 px-2">
<RouterLink
:to="{ name: 'search' }"
class="rounded-lg py-1 flex items-center gap-2 px-2 border-n-weak border bg-n-solid-3 dark:bg-n-black/30 w-full"
class="flex items-center w-full gap-2 px-2 py-1 border rounded-lg border-n-weak bg-n-solid-3 dark:bg-n-black/30"
>
<span class="i-lucide-search size-4 text-n-slate-11 flex-shrink-0" />
<span class="flex-shrink-0 i-lucide-search size-4 text-n-slate-11" />
<span class="flex-grow text-left">
{{ t('COMBOBOX.SEARCH_PLACEHOLDER') }}
</span>
<span
class="tracking-wide select-none pointer-events-none text-n-slate-10 hidden"
class="hidden tracking-wide pointer-events-none select-none text-n-slate-10"
>
{{ searchShortcut }}
</span>
</RouterLink>
<button
v-if="enableNewConversation"
class="rounded-lg py-1 flex items-center gap-2 px-2 border-n-weak border bg-n-solid-3 w-full"
class="flex items-center w-full gap-2 px-2 py-1 border rounded-lg border-n-weak bg-n-solid-3"
>
<span
class="i-lucide-square-pen size-4 text-n-slate-11 flex-shrink-0"
class="flex-shrink-0 i-lucide-square-pen size-4 text-n-slate-11"
/>
</button>
</div>
</section>
<nav class="grid gap-2 overflow-y-scroll no-scrollbar px-2 flex-grow pb-5">
<ul class="flex flex-col gap-2 list-none m-0">
<nav class="grid flex-grow gap-2 px-2 pb-5 overflow-y-scroll no-scrollbar">
<ul class="flex flex-col gap-2 m-0 list-none">
<SidebarGroup
v-for="item in menuItems"
:key="item.name"
@@ -463,7 +496,7 @@ const menuItems = computed(() => {
@open-key-shortcut-modal="emit('openKeyShortcutModal')"
/>
<div v-if="false" class="flex items-center">
<div class="w-px h-3 bg-n-strong flex-shrink-0" />
<div class="flex-shrink-0 w-px h-3 bg-n-strong" />
<SidebarNotificationBell
@open-notification-panel="emit('openNotificationPanel')"
/>