v2.1.0 (#334) · watermelontools/watermelon@e0417b3

vercel · 2023-10-30T14:07:57Z

Successfully deployed to the following URLs:

watermelon – ./

watermelon-nine.vercel.app
watermelon-git-main-watermelontools.vercel.app
watermelon-watermelontools.vercel.app
app.watermelontools.com

-Original file line number
+Diff line change
@@ Expand Up / @@ -18,51 +18,58 @@ async function HomePage({}) { @@
         return null;
       });
       const comingSoon = [
-        "PHPStorm",
         "IntelliJ",
-        "WebStorm",
+        "Android Studio",
+        "AppCode",
+        "Aqua",
+        "CLion",
+        "DataGrip",
+        "DataSpell",
+        "GoLand",
+        "MPS",
+        "PhpStorm",
         "PyCharm",
+        "Rider",
         "RubyMine",
+        "RustRover",
+        "WebStorm",
       ];
       return (
         <div>
           {data && <LoginGrid userEmail={userEmail} data={data} />}
           {userEmail && (
-            <div>
-              <div
-                className="Subhead p-3"
-                style={{
-                  position: "sticky",
-                  top: 0,
-                  zIndex: 2,
-                  backgroundColor: "var(--color-canvas-default)",
-                }}
-              >
-                <h2 className="Subhead-heading">IDEs</h2>
+            <div className="Box" style={{ height: "100%" }}>
+              <div className="Subhead px-3 pt-2">
+                <h2 className="Subhead-heading d-flex flex-items-center flex-justify-start">
+                  <img className="avatar avatar-4" src="/logos/vscode.svg" />
+                  <span>IDEs</span>
+                </h2>
               </div>
               <div
                 style={{
                   display: "grid",
                   gridTemplateColumns: "repeat(auto-fit, minmax(350px, 1fr))",
                 }}
               >
-                <div className="p-3">
+                <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
                   <DownloadExtension
                     name="VSCode"
                     email={userEmail}
                     urlStart="vscode"
                     accessToken={userName}
                   />
                 </div>
-                <div className="p-3">
+                <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
                   <DownloadExtension
                     name="VSCode Insiders"
                     urlStart="vscode-insiders"
                     email={userEmail}
                     accessToken={userName}
                   />
                 </div>
-                <div className="p-3">
+                <div className="pl-3 pr-3 pt-1 pb-3" style={{ flex: 1 }}>
                   <DownloadExtension
                     name="VSCodium"
                     urlStart="vscodium"
@@ Expand All / @@ -71,18 +78,20 @@ async function HomePage({}) { @@
                   />
                 </div>
                 {comingSoon.map((name) => (
-                  <div className="p-3">
-                    <div className="Box d-flex flex-items-center flex-justify-start p-2">
-                      <img
-                        className="avatar avatar-8"
-                        src={`/logos/${name.toLowerCase()}.svg`}
-                      />
-                      <div className="p-2">
-                        <h2>{name}</h2>
-                        <p>Coming Soon</p>
+                  <a href="https://plugins.jetbrains.com/plugin/22720-watermelon-context">
+                    <div className="p-3">
+                      <div className="Box d-flex flex-items-center flex-justify-start p-2">
+                        <img
+                          className="avatar avatar-8"
+                          src={`/logos/${name.toLowerCase()}.svg`}
+                        />
+                        <div className="p-2">
+                          <h2>{name}</h2>
+                          <p>Download now</p>
+                        </div>
                       </div>
                     </div>
-                  </div>
+                  </a>
                 ))}
               </div>
             </div>
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -67,10 +67,11 @@ export default function form({ userEmail }) { @@
       function SettingsSelector({ label, valueLabel }) {
         return (
-          <div className="">
-            <span>{label}</span>
+          <div style={{ display: "flex", alignItems: "center" }}>
+            {" "}
+            <span style={{ width: "100px" }}>{label}</span>{" "}
             <select
-              className="form-select"
+              className="form-select mt-2"
               aria-label={label}
               defaultValue={formState[valueLabel]}
               onChange={(e) =>
@@ Expand All / @@ -81,12 +82,14 @@ export default function form({ userEmail }) { @@
               }
               value={formState[valueLabel]}
             >
+              {" "}
               {Array.from({ length: 5 }, (_, index) => (
                 <option key={index} value={index + 1}>
-                  {index + 1}
+                  {" "}
+                  {index + 1}{" "}
                 </option>
-              ))}
-            </select>
+              ))}{" "}
+            </select>{" "}
           </div>
         );
       }
@@ Expand All / @@ -99,10 +102,10 @@ export default function form({ userEmail }) { @@
               label={service.label}
             />
           ))}
-          <div className="">
+          <div style={{ display: "flex", alignItems: "center" }}>
             <span>AI Summary: </span>
             <select
-              className="form-select"
+              className="form-select ml-3 mt-2"
               aria-label="AI Summary"
               value={formState.AISummary}
               onChange={(e) =>
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -32,7 +32,7 @@ async function loading({}) { @@
                 <input
                   className="form-control "
                   type="email"
-                  placeholder={`Teammate@${teamName.name.toLowerCase()}.com`}
+                  placeholder={`Teammate@${teamName?.name.toLowerCase()}.com`}
                   aria-label="Teammate email"
                 />
                 <button className="btn" type="button">
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up / @@ -16,36 +16,34 @@ async function Team({}) { @@
       ]);
       return (
-        <div>
-          <div className="p-3">
-            <h1>Team</h1>
-            <div className="">
-              <div className="Subhead">
-                <h2 className="Subhead-heading">My Account</h2>
-                <div className="Subhead-description">Control your own account</div>
-              </div>
-              <div>
-                <p>{userEmail}</p>
-              </div>
+        <div className="Box">
+          <div className="Subhead px-3 py-2">
+            <h2 className="Subhead-heading">Team</h2>
+          </div>
+          <div className="p-3" style={{ flex: 1 }}>
+            <div className="mb-4">
+              <h3 className="Subhead-heading">My Account</h3>
+              <div className="text-gray">{userEmail}</div>
             </div>
-            <div className="">
-              <div className="Subhead">
-                <h2 className="Subhead-heading">My Team</h2>
-              </div>
-              <h3 className="Subhead-heading">Invite</h3>
+            <div>
+              <h3 className="Subhead-heading">My Team</h3>
               <AddTeammateButton teamName={teamName.name} />
               <SendInviteForm teamName={teamName.name} userEmail={userEmail} />
-              <h3 className="Subhead-heading">Teammates</h3>
+              <h4 className="mt-4 mb-2">Teammates</h4>
               {teammates?.length && (
                 <div>
-                  {teammates.map((teammate) => {
-                    return (
-                      <div key={teammate.email}>
-                        <p>{teammate.email}</p>
-                      </div>
-                    );
-                  })}
+                  {teammates?.map((teammate) => (
+                    <div key={teammate.email} className="text-gray">
+                      {teammate.email}
+                    </div>
+                  ))}
                 </div>
               )}
             </div>
@@ Expand Down @@

-Original file line number
+Diff line change
@@ Expand Up @@
           <input
             className="form-control "
             type="email"
-            placeholder={`Teammate@${teamName.toLowerCase()}.com`}
+            placeholder={`Teammate@${teamName?.name?.toLowerCase()}.com`}
             aria-label="Teammate email"
           />
           <button className="btn mx-2" type="submit" disabled={buttonDisabled}>
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

1 comment on commit `e0417b3`

vercel bot commented on `e0417b3` Oct 30, 2023

Commit

There are no files selected for viewing

1 comment on commit e0417b3

vercel bot commented on e0417b3 Oct 30, 2023

Choose a reason for hiding this comment

watermelon – ./

1 comment on commit `e0417b3`

vercel bot commented on `e0417b3` Oct 30, 2023