feat: add banner sunsetting Renku Legacy

client/src/dataset/addtoproject/DatasetAdd.present.tsx

@@ -23,6 +23,7 @@ import { Button, ButtonGroup, Col, Row, Table } from "reactstrap";
 import { ContainerWrap } from "../../App";
 import { Loader } from "../../components/Loader";
 import LoginAlert from "../../components/loginAlert/LoginAlert";
+import SunsetBanner from "../../features/projectsV2/shared/SunsetV1Banner";
 import useLegacySelector from "../../utils/customHooks/useLegacySelector.hook";
 import { DatasetError } from "../DatasetError";
 import { getDatasetAuthors } from "../DatasetFunctions";
@@ -110,6 +111,7 @@ function DatasetAddMainContent({
   );
   return (
     <>
+      <SunsetBanner />
       <ButtonGroup className="d-flex">
         <Button
           disabled={disabled}

client/src/features/dashboard/Dashboard.tsx

@@ -19,6 +19,7 @@
 import LoginAlert from "../../components/loginAlert/LoginAlert";
 import { SshModal } from "../../components/ssh/ssh";
 import useLegacySelector from "../../utils/customHooks/useLegacySelector.hook";
+import SunsetBanner from "../projectsV2/shared/SunsetV1Banner";
 import DashboardMessage from "./components/DashboardMessage";
 import { DatasetDashboard } from "./components/DatasetsDashboard";
 import ProjectsInactiveKGWarning from "./components/InactiveKgProjects";
@@ -50,6 +51,7 @@ export default function Dashboard() {
     <div className="rk-dashboard">
       <h1 data-cy="dashboard-title">Renku Dashboard - {user.data.name}</h1>
       <DashboardMessage />
+      <SunsetBanner />
       <ProjectsInactiveKGWarning />
       <ProjectsDashboard />
       <DatasetDashboard />

client/src/features/project/dataset/ProjectDatasetNewEdit.tsx

@@ -35,6 +35,7 @@ import ProgressIndicator, {
 import useAppDispatch from "../../../utils/customHooks/useAppDispatch.hook";
 import useLegacySelector from "../../../utils/customHooks/useLegacySelector.hook";
 import { Url } from "../../../utils/helpers/url";
+import SunsetBanner from "../../projectsV2/shared/SunsetV1Banner";
 import type { IDatasetFiles, StateModelProject } from "../project.types";
 import type {
   DatasetModifyDisplayProps,
@@ -218,6 +219,7 @@ function ProjectDatasetNew(
       }
     >
       <div className="d-flex flex-column">
+        <SunsetBanner />
         <div className="form-rk-pink d-flex flex-column">
           <AddDatasetButtons
             optionSelected="addDataset"

client/src/features/projectsV2/shared/SunsetV1Banner.tsx

@@ -0,0 +1,32 @@
+import cx from "classnames";
+import { ArrowRight, BoxArrowUpRight } from "react-bootstrap-icons";
+import { Link } from "react-router";
+import { WarnAlert } from "../../../components/Alert";
+import { ABSOLUTE_ROUTES } from "../../../routing/routes.constants";
+import SunsetV1Button from "./SunsetV1Button";
+
+export default function SunsetBanner() {
+  return (
+    <WarnAlert>
+      <h4>New project creation ends July 15</h4>
+      <p>
+        You won’t be able to create new projects or datasets in Renku Legacy
+        after July 15, 2025. This is in preparation for Renku Legacy being fully
+        discontinued in October 2025. Our transition guide will help walk you
+        through migrating to Renku 2.0 for enhanced features and continued
+        access to your work.
+      </p>
+      <Link
+        to={ABSOLUTE_ROUTES.v2.root}
+        className={cx("btn", "btn-sm", "btn-warning", "me-2")}
+      >
+        Go to Renku 2.0
+        <ArrowRight className={cx("bi", "ms-1")} />
+      </Link>
+      <SunsetV1Button outline color="warning">
+        View transition guide
+        <BoxArrowUpRight className="bi ms-1" />
+      </SunsetV1Button>
+    </WarnAlert>
+  );
+}

client/src/features/projectsV2/shared/SunsetV1Button.tsx

@@ -41,6 +41,7 @@ export default function SunsetV1Button({
       )}
       role={outline ? "button" : "link"}
       url="https://blog.renkulab.io/sunsetting-legacy"
+      color={outline ? `outline-${color}` : color}
     >
       {children}
     </ExternalLink>

client/src/project/datasets/import/DatasetImport.tsx

@@ -39,6 +39,7 @@ import ProgressIndicator, {
   ProgressType,
 } from "../../../components/progress/Progress";
 import { useCoreSupport } from "../../../features/project/useProjectCoreSupport";
+import SunsetBanner from "../../../features/projectsV2/shared/SunsetV1Banner";
 import { ImportStateMessage } from "../../../utils/constants/Dataset";
 import useLegacySelector from "../../../utils/customHooks/useLegacySelector.hook";
 
@@ -155,6 +156,7 @@ function DatasetImportForm(
   return (
     <FormSchema showHeader={true} title="Import Dataset" description={desc}>
       <div className="form-rk-pink d-flex flex-column">
+        <SunsetBanner />
         <AddDatasetButtons
           optionSelected="importDataset"
           toggleNewDataset={props.toggleNewDataset}

client/src/project/new/ProjectNew.present.jsx

@@ -44,6 +44,7 @@ import ProgressIndicator, {
   ProgressStyle,
   ProgressType,
 } from "../../components/progress/Progress";
+import SunsetBanner from "../../features/projectsV2/shared/SunsetV1Banner";
 import Automated from "./components/Automated";
 import Title from "./components/Title";
 import Description from "./components/Description";
@@ -408,6 +409,7 @@ class NewProject extends Component {
     return !importingDataset ? (
       <FormSchema showHeader={!formOnProcess} title={title} description={desc}>
         {creation}
+        <SunsetBanner />
         {form}
       </FormSchema>
     ) : (