chore: git mod - settings modal

app/client/src/git/ce/components/ContinuousDelivery/index.tsx

@@ -0,0 +1,58 @@
+import {
+  CONFIGURE_CD_DESC,
+  CONFIGURE_CD_TITLE,
+  TRY_APPSMITH_ENTERPRISE,
+  createMessage,
+} from "ee/constants/messages";
+import { Button, Text } from "@appsmith/ads";
+import { useAppsmithEnterpriseLink } from "pages/Editor/gitSync/GitSettingsModal/TabBranch/hooks";
+import React from "react";
+import styled from "styled-components";
+
+export const Container = styled.div`
+  padding-top: 8px;
+  padding-bottom: 16px;
+  overflow: auto;
+  min-height: calc(360px + 52px);
+`;
+
+export const SectionTitle = styled(Text)`
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+
+export const SectionDesc = styled(Text)`
+  margin-bottom: 12px;
+`;
+
+export const StyledButton = styled(Button)`
+  display: inline-block;
+`;
+
+function ContinuousDelivery() {
+  const enterprisePricingLink = useAppsmithEnterpriseLink(
+    "git_continuous_delivery",
+  );
+
+  return (
+    <Container>
+      <SectionTitle kind="heading-s" renderAs="h3">
+        {createMessage(CONFIGURE_CD_TITLE)}
+      </SectionTitle>
+      <SectionDesc kind="body-m" renderAs="p">
+        {createMessage(CONFIGURE_CD_DESC)}
+      </SectionDesc>
+      <StyledButton
+        href={enterprisePricingLink}
+        kind="primary"
+        renderAs="a"
+        size="md"
+        target="_blank"
+      >
+        {createMessage(TRY_APPSMITH_ENTERPRISE)}
+      </StyledButton>
+    </Container>
+  );
+}
+
+export default ContinuousDelivery;

app/client/src/git/ce/components/DefaultBranch/DefaultBranchView.tsx

@@ -0,0 +1,153 @@
+import {
+  APPSMITH_ENTERPRISE,
+  DEFAULT_BRANCH,
+  DEFAULT_BRANCH_DESC,
+  UPDATE,
+  createMessage,
+} from "ee/constants/messages";
+import { Button, Link, Option, Select, Text } from "@appsmith/ads";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import styled from "styled-components";
+import AnalyticsUtil from "ee/utils/AnalyticsUtil";
+import type { FetchBranchesResponseData } from "git/requests/fetchBranchesRequest.types";
+import noop from "lodash/noop";
+import { useAppsmithEnterpriseUrl } from "git/hooks/useAppsmithEnterpriseUrl";
+
+const Container = styled.div`
+  padding-top: 8px;
+  padding-bottom: 16px;
+`;
+
+const HeadContainer = styled.div`
+  margin-bottom: 16px;
+`;
+
+const BodyContainer = styled.div`
+  display: flex;
+`;
+
+const SectionTitle = styled(Text)`
+  font-weight: 600;
+  margin-bottom: 4px;
+`;
+
+const SectionDesc = styled(Text)`
+  margin-bottom: 4px;
+`;
+
+const StyledSelect = styled(Select)`
+  width: 240px;
+  margin-right: 12px;
+`;
+
+const StyledLink = styled(Link)`
+  display: inline-flex;
+`;
+
+interface DefaultBranchViewProps {
+  branches: FetchBranchesResponseData | null;
+  isGitProtectedFeatureLicensed: boolean;
+  updateDefaultBranch?: (branchName: string) => void;
+}
+
+function DefaultBranchView({
+  branches = null,
+  isGitProtectedFeatureLicensed = false,
+  updateDefaultBranch = noop,
+}: DefaultBranchViewProps) {
+  const [selectedValue, setSelectedValue] = useState<string | undefined>();
+
+  const currentDefaultBranch = useMemo(() => {
+    const defaultBranch = branches?.find((b) => b.default);
+
+    return defaultBranch?.branchName;
+  }, [branches]);
+
+  const enterprisePricingUrl = useAppsmithEnterpriseUrl(
+    "git_branch_protection",
+  );
+
+  const filteredBranches = useMemo(
+    () => branches?.filter((branch) => !branch.branchName.includes("origin/")),
+    [branches],
+  );
+
+  const isUpdateDisabled =
+    !selectedValue || selectedValue === currentDefaultBranch;
+
+  useEffect(
+    function selectedValueOnInitEffect() {
+      const defaultBranch = branches?.find((b) => b.default);
+
+      setSelectedValue(defaultBranch?.branchName);
+    },
+    [branches],
+  );
+
+  const handleGetPopupContainer = useCallback(
+    (triggerNode) => triggerNode.parentNode,
+    [],
+  );
+
+  const handleUpdate = useCallback(() => {
+    if (selectedValue) {
+      AnalyticsUtil.logEvent("GS_DEFAULT_BRANCH_UPDATE", {
+        old_branch: currentDefaultBranch,
+        new_branch: selectedValue,
+      });
+      updateDefaultBranch(selectedValue);
+    }
+  }, [currentDefaultBranch, selectedValue, updateDefaultBranch]);
+
+  return (
+    <Container>
+      <HeadContainer>
+        <SectionTitle kind="heading-s" renderAs="h3">
+          {createMessage(DEFAULT_BRANCH)}
+        </SectionTitle>
+        <SectionDesc kind="body-m" renderAs="p">
+          {createMessage(DEFAULT_BRANCH_DESC)}
+        </SectionDesc>
+        {!isGitProtectedFeatureLicensed && (
+          <SectionDesc kind="body-m" renderAs="p">
+            To change your default branch, try{" "}
+            <StyledLink
+              kind="primary"
+              target="_blank"
+              to={enterprisePricingUrl}
+            >
+              {createMessage(APPSMITH_ENTERPRISE)}
+            </StyledLink>
+          </SectionDesc>
+        )}
+      </HeadContainer>
+      <BodyContainer>
+        <StyledSelect
+          data-testid="t--git-default-branch-select"
+          dropdownMatchSelectWidth
+          getPopupContainer={handleGetPopupContainer}
+          isDisabled={!isGitProtectedFeatureLicensed}
+          onChange={setSelectedValue}
+          value={selectedValue}
+        >
+          {filteredBranches?.map((b) => (
+            <Option key={b.branchName} value={b.branchName}>
+              {b.branchName}
+            </Option>
+          ))}
+        </StyledSelect>
+        <Button
+          data-testid="t--git-default-branch-update-btn"
+          isDisabled={isUpdateDisabled}
+          kind="secondary"
+          onClick={handleUpdate}
+          size="md"
+        >
+          {createMessage(UPDATE)}
+        </Button>
+      </BodyContainer>
+    </Container>
+  );
+}
+
+export default DefaultBranchView;

app/client/src/git/ce/components/DefaultBranch/index.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import { useGitContext } from "git/components/GitContextProvider";
+import DefaultBranchView from "./DefaultBranchView";
+
+export default function DefaultBranch() {
+  const { branches } = useGitContext();
+
+  return (
+    <DefaultBranchView
+      branches={branches}
+      isGitProtectedFeatureLicensed={false}
+    />
+  );
+}

app/client/src/git/ce/components/GitModals/index.tsx

@@ -0,0 +1,20 @@
+import ConflictErrorModal from "git/components/ConflictErrorModal";
+import DisableAutocommitModal from "git/components/DisableAutocommitModal";
+import DisconnectModal from "git/components/DisconnectModal";
+import OpsModal from "git/components/OpsModal";
+import SettingsModal from "git/components/SettingsModal";
+import React from "react";
+
+function GitModals() {
+  return (
+    <>
+      <OpsModal />
+      <SettingsModal />
+      <DisconnectModal />
+      <DisableAutocommitModal />
+      <ConflictErrorModal />
+    </>
+  );
+}
+
+export default GitModals;

app/client/src/git/ce/hooks/useDefaultBranch.ts

@@ -0,0 +1,18 @@
+import { useGitContext } from "git/components/GitContextProvider";
+import { selectDefaultBranch } from "git/store/selectors/gitSingleArtifactSelectors";
+import type { GitRootState } from "git/store/types";
+import { useSelector } from "react-redux";
+
+function useDefaultBranch() {
+  const { artifactDef } = useGitContext();
+
+  const defaultBranch = useSelector((state: GitRootState) =>
+    selectDefaultBranch(state, artifactDef),
+  );
+
+  return {
+    defaultBranch,
+  };
+}
+
+export default useDefaultBranch;

app/client/src/git/ce/sagas/index.ts

@@ -0,0 +1,13 @@
+import type { PayloadAction } from "@reduxjs/toolkit";
+
+export const blockingActionSagas: Record<
+  string,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (action: PayloadAction<any>) => Generator<any>
+> = {};
+
+export const nonBlockingActionSagas: Record<
+  string,
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  (action: PayloadAction<any>) => Generator<any>
+> = {};

app/client/src/git/ce/store/actions/index.ts

@@ -0,0 +1,3 @@
+export const gitArtifactCaseReducers = {};
+
+export const gitConfigCaseReducers = {};

app/client/src/git/ce/store/helpers/initialState.ts

@@ -0,0 +1,9 @@
+import type {
+  GitArtifactAPIResponsesReduxState,
+  GitArtifactUIReduxState,
+} from "../types";
+
+export const gitArtifactUIInitialState: GitArtifactUIReduxState = {};
+
+export const gitArtifactAPIResponsesInitialState: GitArtifactAPIResponsesReduxState =
+  {};

app/client/src/git/ce/store/selectors/gitArtifactSelectors.ts

@@ -0,0 +1 @@
+export default {};

app/client/src/git/ce/store/types.ts

@@ -0,0 +1,3 @@
+export interface GitArtifactAPIResponsesReduxState {}
+
+export interface GitArtifactUIReduxState {}

app/client/src/git/components/ConflictError/index.tsx

@@ -1,15 +1,15 @@
 import React from "react";
 
-import { useGitContext } from "../GitContextProvider";
 import GitConflictErrorView from "./ConflictErrorView";
+import useMetadata from "git/hooks/useMetadata";
 
 export default function ConflictError() {
-  const { gitMetadata } = useGitContext();
+  const { metadata } = useMetadata();
 
   // ! case: learnMoreUrl comes from pullError
   const learnMoreUrl =
     "https://docs.appsmith.com/advanced-concepts/version-control-with-git";
-  const repoUrl = gitMetadata?.browserSupportedRemoteUrl || "";
+  const repoUrl = metadata?.browserSupportedRemoteUrl || "";
 
   return <GitConflictErrorView learnMoreUrl={learnMoreUrl} repoUrl={repoUrl} />;
 }