From c0799a92d3588cefa7c88a18452811d0153c685b Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Mon, 24 Jul 2023 23:12:49 -0700
Subject: tweaks

---
 extension/react-app/public/continue-dev-square.png | Bin 0 -> 36355 bytes
 extension/react-app/src/components/ComboBox.tsx    |   2 +-
 .../react-app/src/components/ContinueButton.tsx    |   3 +-
 extension/react-app/src/components/PillButton.tsx  |   2 +-
 extension/react-app/src/pages/gui.tsx              |  58 +++++----------------
 5 files changed, 16 insertions(+), 49 deletions(-)
 create mode 100644 extension/react-app/public/continue-dev-square.png

(limited to 'extension/react-app')

diff --git a/extension/react-app/public/continue-dev-square.png b/extension/react-app/public/continue-dev-square.png
new file mode 100644
index 00000000..e4b62556
Binary files /dev/null and b/extension/react-app/public/continue-dev-square.png differ
diff --git a/extension/react-app/src/components/ComboBox.tsx b/extension/react-app/src/components/ComboBox.tsx
index 7d266c6e..4a1cdbc0 100644
--- a/extension/react-app/src/components/ComboBox.tsx
+++ b/extension/react-app/src/components/ComboBox.tsx
@@ -291,7 +291,7 @@ const ComboBox = React.forwardRef((props: ComboBoxProps, ref) => {
       <div className="flex px-2" ref={divRef} hidden={!downshiftProps.isOpen}>
         <MainTextInput
           disabled={props.disabled}
-          placeholder={`Ask a question, give instructions, or type '/' to see slash commands`}
+          placeholder={`Ask a question, give instructions, type '/' for slash commands, or '@' to add context`}
           {...getInputProps({
             onChange: (e) => {
               const target = e.target as HTMLTextAreaElement;
diff --git a/extension/react-app/src/components/ContinueButton.tsx b/extension/react-app/src/components/ContinueButton.tsx
index eda9bcff..6d753988 100644
--- a/extension/react-app/src/components/ContinueButton.tsx
+++ b/extension/react-app/src/components/ContinueButton.tsx
@@ -26,7 +26,8 @@ function ContinueButton(props: { onClick?: () => void; hidden?: boolean }) {
   return (
     <StyledButton
       hidden={props.hidden}
-      className="m-auto press-start-2p text-xs"
+      style={{ fontSize: "10px" }}
+      className="m-auto press-start-2p"
       onClick={props.onClick}
     >
       {vscMediaUrl ? (
diff --git a/extension/react-app/src/components/PillButton.tsx b/extension/react-app/src/components/PillButton.tsx
index 660ede09..548fdf9d 100644
--- a/extension/react-app/src/components/PillButton.tsx
+++ b/extension/react-app/src/components/PillButton.tsx
@@ -100,7 +100,7 @@ const PillButton = (props: PillButtonProps) => {
             <pre>
               <code
                 style={{
-                  fontSize: "10px",
+                  fontSize: "11px",
                   backgroundColor: vscBackground,
                   color: vscForeground,
                   whiteSpace: "pre-wrap",
diff --git a/extension/react-app/src/pages/gui.tsx b/extension/react-app/src/pages/gui.tsx
index d7efc288..76194db7 100644
--- a/extension/react-app/src/pages/gui.tsx
+++ b/extension/react-app/src/pages/gui.tsx
@@ -116,6 +116,9 @@ function GUI(props: GUIProps) {
     current_index: 3,
   } as any);
 
+  const vscMediaUrl = useSelector(
+    (state: RootStore) => state.config.vscMediaUrl
+  );
   const [showFeedbackDialog, setShowFeedbackDialog] = useState(false);
   const [feedbackDialogMessage, setFeedbackDialogMessage] = useState("");
   const [feedbackEntryOn, setFeedbackEntryOn] = useState(true);
@@ -415,52 +418,15 @@ function GUI(props: GUIProps) {
         {bottomMessage}
       </div>
       <Footer dataSwitchChecked={dataSwitchChecked}>
-        {/* <div
-          style={{
-            display: "flex",
-            gap: "4px",
-            marginRight: "auto",
-            alignItems: "center",
-          }}
-          onMouseEnter={() => {
-            dispatch(
-              setBottomMessage(
-                <>
-                  By turning on this switch, you will begin collecting accepted
-                  and rejected suggestions in .continue/suggestions.json. This
-                  data is stored locally on your machine and not sent anywhere.
-                  <br />
-                  <br />
-                  <b>
-                    {dataSwitchChecked
-                      ? "👍 Data is being collected"
-                      : "👎 No data is being collected"}
-                  </b>
-                </>
-              )
-            );
-          }}
-          onMouseLeave={() => {
-            dispatch(setBottomMessage(undefined));
-          }}
-        >
-          <ReactSwitch
-            height={20}
-            handleDiameter={20}
-            width={40}
-            onChange={() => {
-              posthog?.capture("data_switch_toggled", {
-                vscMachineId: vscMachineId,
-                dataSwitchChecked: !dataSwitchChecked,
-              });
-              postVscMessage("toggleDataSwitch", { on: !dataSwitchChecked });
-              setDataSwitchChecked((prev) => !prev);
-            }}
-            onColor="#12887a"
-            checked={dataSwitchChecked}
-          />
-          <span style={{ cursor: "help", fontSize: "14px" }}>Collect Data</span>
-        </div> */}
+        {vscMediaUrl && (
+          <a
+            href="https://github.com/continuedev/continue"
+            style={{ margin: "0", marginRight: "auto" }}
+          >
+            <img src={`${vscMediaUrl}/continue-dev-square.png`} width="22px" />
+            <p style={{ margin: "0" }}>Continue</p>
+          </a>
+        )}
         <HeaderButtonWithText
           onClick={() => {
             // Show the dialog
-- 
cgit v1.2.3-70-g09d2