Skip to content

Commit

Permalink
chore: minor updates
Browse files Browse the repository at this point in the history
Signed-off-by: Mark Phelps <[email protected]>
  • Loading branch information
markphelps committed Oct 18, 2024
1 parent d6e64bc commit c56bec4
Show file tree
Hide file tree
Showing 5 changed files with 14 additions and 12 deletions.
2 changes: 1 addition & 1 deletion examples/nextjs/app-router/src/app/actions/getGreeting.ts
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ export async function getGreeting() {
});

let language = result.variantKey;
let greeting = "Hello, from Next.js server-side";
let greeting = "";

switch (language) {
case "es":
Expand Down
8 changes: 4 additions & 4 deletions examples/nextjs/app-router/src/app/components/Greeting.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ export default function Greeting() {
});

useEffect(() => {
let greeting = "Hello, from Next.js client-side";
let greeting = "";

switch (language) {
case "es":
Expand All @@ -30,9 +30,9 @@ export default function Greeting() {
setData(greeting);
}, [language]);

const handleReEvaluate = () => {
const handleRefresh = () => {
setIsLoading(true);
setUuid(uuidv4()); // Generate a new UUID
setUuid(uuidv4());
setTimeout(() => setIsLoading(false), 100); // Simulate a delay
};

Expand All @@ -43,7 +43,7 @@ export default function Greeting() {
<div className="flex flex-col items-center justify-center space-y-4">
<h1 className="text-3xl font-bold align-middle">{data}</h1>
<button
onClick={handleReEvaluate}
onClick={handleRefresh}
className="mt-4 px-4 py-2 bg-black text-white rounded hover:bg-gray-800 flex items-center"
disabled={isLoading}
>
Expand Down
10 changes: 5 additions & 5 deletions examples/nextjs/pages-router/components/Greeting.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,12 @@ export default function Greeting() {
const [data, setData] = useState<string | null>(null);
const [isLoading, setIsLoading] = useState(false);

const language = useFliptVariant("language", "es", uuid, {
const language = useFliptVariant("language", "en", uuid, {
user_id: uuid,
});

useEffect(() => {
let greeting = "Hello, from Next.js client-side";
let greeting = "";

switch (language) {
case "es":
Expand All @@ -28,9 +28,9 @@ export default function Greeting() {
setData(greeting);
}, [language]);

const handleReEvaluate = () => {
const handleRefresh = () => {
setIsLoading(true);
setUuid(uuidv4()); // Generate a new UUID
setUuid(uuidv4());
setTimeout(() => setIsLoading(false), 100); // Simulate a delay
};

Expand All @@ -41,7 +41,7 @@ export default function Greeting() {
<div className="flex flex-col items-center justify-center space-y-4">
<h1 className="text-3xl font-bold align-middle">{data}</h1>
<button
onClick={handleReEvaluate}
onClick={handleRefresh}
className="mt-4 px-4 py-2 bg-black text-white rounded hover:bg-gray-800 flex items-center"
disabled={isLoading}
>
Expand Down
3 changes: 2 additions & 1 deletion examples/nextjs/pages-router/pages/api/hello.ts
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ export default async function handler(
res: NextApiResponse<Data>,
) {
let language = "en";

try {
const evaluation = await client.evaluation.variant({
namespaceKey: "default",
Expand All @@ -29,7 +30,7 @@ export default async function handler(
console.log(err);
}

let greeting = "Hello, from Next.js client-side";
let greeting = "";

switch (language) {
case "es":
Expand Down
3 changes: 2 additions & 1 deletion examples/nextjs/pages-router/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -32,6 +32,7 @@ export async function getServerSideProps() {
const client = await FliptEvaluationClient.init("default", {
url: process.env.FLIPT_ADDR ?? "http://flipt:8080",
});

let language = "en";
try {
const result = client.evaluateVariant("language", uuidv4(), {});
Expand All @@ -40,7 +41,7 @@ export async function getServerSideProps() {
console.log(err);
}

let greeting = "Hello, from Next.js server-side";
let greeting = "";
switch (language) {
case "es":
greeting = "Hola, from Next.js server-side";
Expand Down

0 comments on commit c56bec4

Please sign in to comment.