use tailwind to import the prototypr node_modules css

Prototypr · Jul 30, 2024 · 53a4403 · 53a4403
1 parent 392a77b
commit 53a4403
Show file tree

Hide file tree

Showing 10 changed files with 608 additions and 2,848 deletions.
diff --git a/components/carousel/EmblaCarousel.jsx b/components/carousel/EmblaCarousel.jsx
@@ -129,7 +129,7 @@ const EmblaCarousel = props => {
                 src={item.original}
                 alt="Your alt text"
               /> */}
-              <div className="relative shimmer border border-gray-300/70 h-[240px] shadow-md w-full rounded-2xl h-full w-full relative overflow-hidden flex justify-center">
+              <div className="relative shimmer border border-gray-300/70 h-[240px] shadow-md w-full rounded-2xl w-full relative overflow-hidden flex justify-center">
                 {/* <img src={item.original} className='object-cover cursor-pointer pointer-events-auto' alt={`Gallery Image ${index}`}/> */}
                 <Image
                   // placeholder="blur"

diff --git a/components/toolbox/HeroCardSectionSimple.js b/components/toolbox/HeroCardSectionSimple.js
@@ -136,7 +136,7 @@ const HeroCardSection = ({ post, tags, featuredImage, user }) => {
                                         href={`/toolbox/${tag.attributes.slug}/page/1/`}
                                       >
                                         <button
-                                          className={` h-5 ${i<2?'flex':'hidden md:flex'} flex-col justify-center capitalize font-medium text-base px-1.5 tracking-tight cursor-pointer bg-[#e0e4ea] hover:bg-gray-300 hover:text-black transition transition-all duration-400 rounded-full  text-black/50 text-[12px] font-base`}
+                                          className={` h-5 ${i<2?'flex':'hidden md:flex'} flex-col justify-center capitalize font-medium px-1.5 tracking-tight cursor-pointer bg-[#e0e4ea] hover:bg-gray-300 hover:text-black transition transition-all duration-400 rounded-full  text-black/50 text-[12px] font-base`}
                                         >
                                           {tag.attributes.name}
                                         </button>

diff --git a/lib/constants.js b/lib/constants.js
@@ -12,9 +12,9 @@ export const NAV_OFFSET = 'pt-[84px]'
 export const SIDEBAR_STICKY_OFFSET = 'pt-24'
 
 
-export const TOTAL_STATIC_POSTS = process.env.NODE_ENV === 'production'?5000:2;
-export const TOTAL_STATIC_NEWSLETTERS = process.env.NODE_ENV === 'production'?1000:2;
-export const TOTAL_STATIC_NEWS = process.env.NODE_ENV === 'production'?50:2;
+export const TOTAL_STATIC_POSTS = process.env.NODE_ENV === 'production'?2:2;
+export const TOTAL_STATIC_NEWSLETTERS = process.env.NODE_ENV === 'production'?2:2;
+export const TOTAL_STATIC_NEWS = process.env.NODE_ENV === 'production'?2:2;
 
 export const jobTypes = [
   {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -188,7 +188,7 @@
     "zod": "^3.23.8"
   },
   "optionalDependencies": {
-    "@prototypr/paper-interview": "0.0.31",
+    "@prototypr/paper-interview": "^0.0.32",
     "@prototypr/prototypr-postie": "^1.0.91"
   },
   "resolutions": {

diff --git a/pages/p/[slug].js b/pages/p/[slug].js
@@ -5,7 +5,7 @@ import { getUserArticle, getSlugFromArticleId } from "@/lib/api";
 const EditorWrapper = dynamic(() => import("tiptypr/dist/EditorWrapper"), {
   ssr: false
 });
-import 'tiptypr/dist/styles.css';
+// import 'tiptypr/dist/styles.css';
 import 'tippy.js/dist/svg-arrow.css';
 import 'tippy.js/animations/scale-subtle.css';
 import "react-datepicker/dist/react-datepicker.css";

diff --git a/pages/toolbox/post/[id]/interview/[slug].js b/pages/toolbox/post/[id]/interview/[slug].js
@@ -3,21 +3,22 @@ import { getUserArticle, getSlugFromArticleId } from "@/lib/api";
 import useUser from "@/lib/iron-session/useUser";
 import dynamic from 'next/dynamic';
 
-import '@prototypr/paper-interview/dist/styles.css';
-import 'tiptypr/dist/styles.css';
+
 import 'tippy.js/dist/svg-arrow.css';
 import 'tippy.js/animations/scale-subtle.css';
 import "react-datepicker/dist/react-datepicker.css";
+// import '@prototypr/paper-interview/dist/styles.css';
+// import 'tiptypr/dist/styles.css';
 
 
 const EditorWrapper = dynamic(() => import("tiptypr/dist/EditorWrapper"), {
   ssr: false
 });
 
 // const InterviewEditor = dynamic(() => import("prototypr-packages/private/InterviewEditor/components/InterviewEditor"), {
-//   ssr: false
-// });
-const InterviewEditor = dynamic(() => import("@prototypr/paper-interview/dist/components/InterviewEditor"), {
+  //   ssr: false
+  // });
+  const InterviewEditor = dynamic(() => import("@prototypr/paper-interview/dist/components/InterviewEditor"), {
   ssr: false
 });
 

diff --git a/pages/write.js b/pages/write.js
@@ -4,7 +4,7 @@ import dynamic from "next/dynamic";
 const EditorWrapper = dynamic(() => import("tiptypr/dist/EditorWrapper"), {
   ssr: false
 });
-import 'tiptypr/dist/styles.css';
+// import 'tiptypr/dist/styles.css';
 import 'tippy.js/dist/svg-arrow.css';
 import 'tippy.js/animations/scale-subtle.css';
 import "react-datepicker/dist/react-datepicker.css";