feat: completed cycle message added (#565)

apps/app/components/core/issues-view.tsx

@@ -30,7 +30,7 @@ import {
   TrashIcon,
   XMarkIcon,
 } from "@heroicons/react/24/outline";
-import { getStateGroupIcon } from "components/icons";
+import { ExclamationIcon, getStateGroupIcon } from "components/icons";
 // helpers
 import { getStatesList } from "helpers/state.helper";
 // types
@@ -683,6 +683,12 @@ export const IssuesView: React.FC<Props> = ({
         {groupedByIssues ? (
           isNotEmpty ? (
             <>
+              {isCompleted && (
+                <div className="flex items-center gap-2 text-sm mb-4 text-gray-500">
+                  <ExclamationIcon height={14} width={14} />
+                  <span>Completed cycles are not editable.</span>
+                </div>
+              )}
               {issueView === "list" ? (
                 <AllLists
                   type={type}

apps/app/components/cycles/completed-cycles-list.tsx

@@ -9,7 +9,7 @@ import cyclesService from "services/cycles.service";
 // components
 import { DeleteCycleModal, SingleCycleCard } from "components/cycles";
 // icons
-import { CompletedCycleIcon } from "components/icons";
+import { CompletedCycleIcon, ExclamationIcon } from "components/icons";
 // types
 import { ICycle, SelectCycleType } from "types";
 // fetch-keys
@@ -63,6 +63,11 @@ export const CompletedCyclesList: React.FC<CompletedCyclesListProps> = ({
       />
       {completedCycles ? (
         completedCycles.completed_cycles.length > 0 ? (
+          <div className="flex flex-col gap-4">
+            <div className="flex items-center gap-2 text-sm text-gray-500">
+              <ExclamationIcon height={14} width={14} />
+              <span>Completed cycles are not editable.</span>
+            </div>
             <div className="grid grid-cols-1 gap-9 md:grid-cols-2 lg:grid-cols-3">
               {completedCycles.completed_cycles.map((cycle) => (
                 <SingleCycleCard
@@ -74,6 +79,7 @@ export const CompletedCyclesList: React.FC<CompletedCyclesListProps> = ({
                 />
               ))}
             </div>
+          </div>
         ) : (
           <EmptyState
             type="cycle"