fix: bug and ui fix (#1073)

* fix: cycle and module sidebar scroll

* style: date picker theming

* style: workspace slug spacing

* fix: app sidebar z-index

* fix: favorite cycle mutation

* fix: cycle modal on error close

* feat: cycle view context

* style: active cycle stats scroll

* fix: active cycle favorite mutation

* feat: import export banner

* feat: cycle sidebar date picker logic updated

* fix: NaN in progress percentage fix

* fix: tooltip fix

* style: empty state for active cycle

* style: cycle badge width fix , all cycle empty state fix and cycle icon size fix

apps/app/pages/[workspaceSlug]/projects/[projectId]/cycles/index.tsx

@@ -30,7 +30,6 @@ import {
 const ProjectCycles: NextPage = () => {
   const [selectedCycle, setSelectedCycle] = useState<SelectCycleType>();
   const [createUpdateCycleModal, setCreateUpdateCycleModal] = useState(false);
-  const [cycleView, setCycleView] = useState<string>("list");
 
   const router = useRouter();
   const { workspaceSlug, projectId } = router.query;
@@ -121,8 +120,6 @@ const ProjectCycles: NextPage = () => {
         <div className="flex flex-col gap-5">
           <h3 className="text-2xl font-semibold text-brand-base">Cycles</h3>
           <CyclesView
-            cycleView={cycleView}
-            setCycleView={setCycleView}
             setSelectedCycle={setSelectedCycle}
             setCreateUpdateCycleModal={setCreateUpdateCycleModal}
             cyclesCompleteList={cyclesCompleteList}

apps/app/pages/[workspaceSlug]/projects/[projectId]/settings/integrations.tsx

@@ -12,11 +12,15 @@ import projectService from "services/project.service";
 // components
 import { SettingsHeader, SingleIntegration } from "components/project";
 // ui
-import { EmptySpace, EmptySpaceItem, Loader } from "components/ui";
+import {
+  EmptySpace,
+  EmptySpaceItem,
+  IntegrationAndImportExportBanner,
+  Loader,
+} from "components/ui";
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
 // icons
 import { PlusIcon, PuzzlePieceIcon } from "@heroicons/react/24/outline";
-import { ExclamationIcon } from "components/icons";
 // types
 import { IProject } from "types";
 import type { NextPage } from "next";
@@ -59,21 +63,7 @@ const ProjectIntegrations: NextPage = () => {
         {workspaceIntegrations ? (
           workspaceIntegrations.length > 0 ? (
             <section className="space-y-8">
-              <div className="flex flex-col items-start gap-3">
-                <h3 className="text-2xl font-semibold">Integrations</h3>
-                <div className="flex items-center gap-3 rounded-[10px] border border-brand-accent/75 bg-brand-accent/5 p-4 text-sm text-brand-base">
-                  <ExclamationIcon
-                    height={24}
-                    width={24}
-                    className="fill-current text-brand-base"
-                  />
-                  <p className="leading-5">
-                    Integrations and importers are only available on the cloud version. We plan to
-                    open-source our SDKs in the near future so that the community can request or
-                    contribute integrations as needed.
-                  </p>
-                </div>
-              </div>
+              <IntegrationAndImportExportBanner bannerName="Integrations" />
               <div className="space-y-5">
                 {workspaceIntegrations.map((integration) => (
                   <SingleIntegration

apps/app/pages/[workspaceSlug]/settings/import-export.tsx

@@ -9,6 +9,7 @@ import IntegrationGuide from "components/integration/guide";
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
 // types
 import type { NextPage } from "next";
+import { IntegrationAndImportExportBanner } from "components/ui";
 
 const ImportExport: NextPage = () => {
   const router = useRouter();
@@ -23,8 +24,9 @@ const ImportExport: NextPage = () => {
         </Breadcrumbs>
       }
     >
-      <div className="p-8">
+      <div className="p-8 space-y-4">
         <SettingsHeader />
+        <IntegrationAndImportExportBanner bannerName="Import/ Export" />
         <IntegrationGuide />
       </div>
     </WorkspaceAuthorizationLayout>

apps/app/pages/[workspaceSlug]/settings/integrations.tsx

@@ -13,10 +13,8 @@ import { SettingsHeader } from "components/workspace";
 // components
 import { SingleIntegrationCard } from "components/integration";
 // ui
-import { Loader } from "components/ui";
+import { IntegrationAndImportExportBanner, Loader } from "components/ui";
 import { BreadcrumbItem, Breadcrumbs } from "components/breadcrumbs";
-// icons
-import { ExclamationIcon } from "components/icons";
 // types
 import type { NextPage } from "next";
 // fetch-keys
@@ -50,17 +48,7 @@ const WorkspaceIntegrations: NextPage = () => {
       <div className="p-8">
         <SettingsHeader />
         <section className="space-y-5">
-          <div className="flex flex-col items-start gap-3">
-            <h3 className="text-2xl font-semibold">Integrations</h3>
-            <div className="flex items-center gap-3 rounded-[10px] border border-brand-accent/75 bg-brand-accent/5 p-4 text-sm text-brand-base">
-              <ExclamationIcon height={24} width={24} className="fill-current text-brand-base" />
-              <p className="leading-5">
-                Integrations and importers are only available on the cloud version. We plan to
-                open-source our SDKs in the near future so that the community can request or
-                contribute integrations as needed.
-              </p>
-            </div>
-          </div>
+          <IntegrationAndImportExportBanner bannerName="Integrations" />
           <div className="space-y-5">
             {appIntegrations ? (
               appIntegrations.map((integration) => (